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In recent years, interest in coding has exploded. All over the world, schools 
are adding coding to their curriculums, code clubs are being launched to 
teach beginners, and adults are returning to college to learn coding skills 
now considered vital in the workplace. And in homes everywhere, millions 
of people are learning how to code just for the fun of it. 


Fortunately, there’s never been a better time to learn how to code. In the 
past, programmers had to type out every line of code by hand, using obscure 
commands and mathematical symbols. A single period out of place could 
ruin everything. Today, you can build amazingly powerful programs in 
minutes by using drag-and-drop coding languages like Scratch™, which 

is used in this book. 


As learning to code has become easier, more people have discovered the 
creative potential of computers, and that’s where this book comes in. Coding 
Projects in Scratch is all about using code for creative purposes—to make 
art, music, animation, and special effects. With a little bit of imagination 
you can produce dazzling results, from glittering fireworks displays to 
kaleidoscope-like masterpieces that swirl and beat in time to music. 


If you're completely new to coding, don’t worry—the first two chapters 
will walk you through the basics and teach you everything you need to 
know to use Scratch. The later chapters then build on your skills, showing 
you how to create interactive artworks, lifelike simulations, mind-bending 
optical illusions, and some great games. 


Learning something new can sometimes feel like hard work, but | believe 
you learn faster when you're having fun. This book is based on that idea, 
so we've tried to make it as much fun as possible. We hope you enjoy 
building the projects in this book as much as we enjoyed making them. 


On your mark... 
get set... CODE! 


What Is 
coding? 


PR 
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Creative computers 


Computers are everywhere and are used in all sorts of 
creative ways. But to really join in the fun, you need to 

take control of your computer and learn how to program it. 
Programming puts a world of possibilities at your fingertips. 


Think like a computer 


Programming, or coding, simply means telling a computer 
what to do. To write a program you need to think like a 
computer, which means breaking down a task into a 
series of simple steps. Here’s how it works. 


[> A simple recipe 

Imagine you want a friend to bake a cake, but your 
friend has no idea how to cook. You can’t simply give 
an instruction like “make a cake”—your friend won't 
know where to start. Instead, you need to write a 
recipe, with simple steps like “break an egg,’“add 
the sugar,’ and so on. Programming a computer 

is a bit like writing a recipe. 


Easy peasy! | l 


<1 Step by step 
Now imagine you want to 
program a computer to create 
a painting like the one shown 
here, with colored circles 
overlapping each other at 
random. You have to turn the 
job of painting the picture into 
a kind of recipe, with steps the 
computer can follow. It might 
look something like this: 
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[> Computer language n a 
Although you can understand the recipe 
for a painting or a cake, a computer can't. 
You need to translate the instructions into 
a special language that the computer can 
understand—a programming language. 
The one used in this book is called Scratch. 


when lanl clicked 


forever 


Sy 


Worlds of imagination 


There isn't a single creative field in the world that hasn't been touched 
by computers. In this book, you'll get to make lots of great projects that 
will fire your imagination and make you think and code creatively. 


Ml, 


Computers can be programmed Sound programs can mix musical and 
to create original works of art. other sound effects in any combination. 


Building games programs is just as much fun as Special effects and dramatic scenery in movies 
playing them, especially when you make all the rules. are often created in graphics programs. 
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Programming languages 


To tell a computer what to do, you need to speak the right 
kind of language: a programming language. There are lots 
to choose from, ranging from easy ones for beginners, like 
the one in this book, to complex languages that take years 
to master. A set of instructions written in any programming 


language is called a program. 
—_ 


MOS | 
Popular languages — 


There are more than 500 different [ sais i =H] 
programming languages, but most programs 

are written in just a handful of these. The 
most popular languages use English words, 


EE 
but lines of code look very different from 

; == 
English sentences. Here’s how to get a 
computer to say “Hello!” on screen in a 
just a few of today’s languages. on 


>e 
The C programming language #indude <stdio.h> 
is often used for code that main(){ printf(“Hello!”); } 


runs directly on a computer's 
hardware, such as the Windows 
operating system. C is good for 
building software that needs to 
run fast, and has been used 

to program space probes. 


#include <iostream> 
int main() 


{ 


> C++ 

This complicated language is used 
to build large, commercial programs 
such as word processors, web 
browsers, and operating systems. 
C++ is based on C, but with extra 
features that make it better for 

big projects. 


std::cout << “Hello!” << std::endl; 


} 
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class HelloApp { 
public static void main(String] args) { 
System.out.printin(“Hello!”); 
} 
} 


A Scratch 

Beginners often start with simple programming 

languages such as Scratch. Instead of typing out A Java 

code, you build scripts with ready-made blocks of code. Java code is designed to work on all types 


of devices, from cell phones and laptops 
to games consoles and supercomputers. 


N , Minecraft is written in Java. 


print(“Hello!”) 


»— 


Algorithm A set of instructions that 
are followed to perform a particular 

task. Computer programs are based 

on algorithms. 


A Python 

Python is a very popular, all-purpose language. 
The lines of code are shorter and simpler than 

in other languages, making it easier to learn. 
Python is a great language to learn after Scratch. 


Bug A mistake in a program. They are 
called bugs because the first computers 
had problems when insects got stuck in 
their circuits. 


Code Computer instructions written in 
a programming language are often called 
code. Coding is programming. 


alert(‘Hello’); 


A JavaScript 

Programmers use JavaScript to create 
interactive features that run on websites, 
such as advertisements and games. 
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How Scratch works 


This book shows you how to build some really cool projects 
using the Scratch programming language. Programs are made 
by dragging together ready-made blocks of instruction code to 
control colorful characters called sprites. 


Sprites 

Sprites are the objects shown on the screen. Scratch comes with 
a huge selection of sprites—such as elephants, bananas, and 
balloons—but you can also draw your own. Sprites can perform all —— 
sorts of actions, like moving, changing color, and spinning around. 


I'm a sprite! 


Sprites can Sprites can deliver 
play sounds messages on 
and music. the screen. 


uE E E Eu 
m Ez 
Sprites 
can move 
a i a around. 
Blocks and scripts y Creating scripts 
: . : i The blocks that make a script are dragged together using 
Scratch’s multicolored instruction blocks a computer mouse. They lock together like pieces of a 
tell sprites what to do. Each sprite gets its jigsaw puzzle. Blocks come in color-coded families to 
instructions from stacks of Scratch blocks help you find the correct block easily. For example, all the 


called scripts. Each instruction block is PUI DIS BIOEKS changeiasprites appearance, 


performed in turn from the top to the 
bottom. Here’s a simple script for this 
vampire sprite. 


oe Ts, 


T’ bom 


D 
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A typical Scratch project 


A Scratch project is made up of sprites, scripts, and sounds, 
The red button 


which work collectively to create action on the screen. The stops a program. 
area where you see the action is called the stage. You can 
add a background picture called a backdrop to the stage. Tiemen 


starts the program. 


>> Green for go! 
Starting, or “running,” 

a program brings to life 
the scripts you've built. 
In Scratch, clicking the 
green flag runs all the 
scripts in the project. 
The red button stops 
the scripts so you can 
continue working on 
your code. 


1 - (Dino Dance Party ) 


by PartyPeople555 (unshared) 


The stage and lights are 
part of the backdrop 
(background picture). 


The dancing dinosaurs 
and ballerina are sprites 
controlled by their 


own scripts. 
. = 
V Scripts work together oe EXPERT TIPS 
A project usually has several sprites, each with 7 
one or more scripts. Each script creates just a Reading Scratch 
part of the action. This script makes a sprite 
chase the mouse-pointer around the stage. Scratch is designed to be easily 


understood. The action performed 
by each block is written on it, so you 
can usually figure out what a script 
does just by reading through it. 


The “forever” 
block makes 
the blocks 
inside repeat. 


-poi {v f d 
Ea goto 
move (15) steps = B4 
Can you guess what this 


block makes sprites do? 
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Getting Scratch 2.0 


To build the projects in this book and to make your 
own, you need access to the Scratch 2.0 software on 
your computer. Just follow these simple instructions. 


This book uses 
Scratch 2.0! 


Online and offline Scratch 

If your computer is always connected to the internet, 
it’s best to run Scratch online. If not, you need 

to download and install the offline version. 


— ae 

Be S mi 
9 È 
GETTING SCRATCH 2.0 a H p CE 
Versions of Scratch ae 
; ; A Scratch 1.4 

The projects in this book need In the older version of Scratch, the stage sar 

Scratch 2.0 and won't work appears on the right. You'll need to install Bik 

properly on older versions. Scratch 2.0. Note that when this book was 

If Scratch is already installed written, Scratch 1.4 was the only version 

on your computer then consult that could run on the Raspberry Pi. ri 


the pictures below if you're 
not sure which version it is. 


“SCRATCH & ) 


File Edit Share Help 


< Scratch 2.0 

In the latest version of Scratch, released 
in 2013, the stage is on the left and there 
are many more blocks and features than 
in the older version. Key changes include 
the addition of clones, a better paint 
editor, and the backpack, where you 

can save scripts, sprites, and other 

useful things. 


New sprite: e/a 


Scratch needs some accurate something with your computer 
mouse-work, which is easier to mouse. If your mouse only has 


do with a computer mouse than one button, you can hold down 
a touchpad. In this book, you'll the shift or control key on your 
often be instructed to right-click keyboard as you click. 


-20 WHAT IS CODING? 


The Scratch 
interface 


This is Scratch mission control. 
The tools for building scripts 
are on the right, while the stage 
to the left shows you what's 
going on as your project runs. 
Don't be afraid to explore! 


Click here for a 
full-screen view of 
your project. 


The Stage 

This is where the action 
happens. When you run your 
project, the stage is where all 
the sprites appear, moving 
and interacting as they 
follow their scripts. 


STAGE AREA BLOCKS SCRIPTS 
PALETTE AREA 


SPRITES 
LIST 


STAGE INFO 3 BACKPACK 


A Naming the parts 

While using this book you'll need to know what's 
where in the Scratch window. Shown here are the 
names of the different areas. The tabs above the 
blocks palette open up other areas of Scratch to 
edit sounds and sprite costumes. 


Change Menus Cursor tools 
language 


SCRATCH @ Filey Editv Tips 


ee : 
Ml (Dino Dance Party 
by PartyPeople555 (unshared) 


‘on oe 


es Se re 
i 


rig aft 


+p p ee 
= | 


x:153 y:-61 4 


. is z 4 
Sprites New sprite: & / we 
kog 3 kog 
Stage . . aa 
1 backdrop Dinosaur1 Dinosaur2 Dinosaur3 Ballerina 
New backdrop: 
ka / nl 
Use these A blue box highlights 
symbols to the selected sprite. 
change the ; 
akda Sprites list Click these 
` Every sprite used in a symbols to add 
project is shown here. new sprites. 


Click on a sprite to see its 
scripts in the scripts area. 


E ial 
Salles + Be 
THE SCRATCH INTERFACE ~— a. 6 


Scripts area 


Use the Drag blocks into this part of the 
Select the Costumes tab Use the Sounds tab to Scratch window and join them 
Scripts tab to to change how add music and sound together to build scripts for each 
build scripts. sprites look. effects to sprites. sprite in your project. 


i Selected — > i 


T 


[ Control Click these headings i; = 

A a E to reveal different gone x: 20 
i sensing sets of blocks. y: -100 
i Operators 


a More Blocks 


Q=a 
Backpack 
Blocks palette Backpack Click here 
Instruction blocks for making Store useful scripts, to zoom in 
scripts appear in the middle sprites, costumes, and and out. 
of the Scratch window. Drag sounds in the backpack 
the ones you want to use so you can use them in 


to the scripts area. other projects. 
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Types of projects 


This book has a wide range of fun Scratch projects. Don’t 
worry if you haven't used Scratch before or you're not an 
expert—the “Getting started” chapter is there to help 
you. Here’s a handy guide to the projects in this book. 


pt eats 
man 


Ar 


Cat Art (p.26) Dino Dance Party (p.34) Animal Race (p.48) Ask Gobo (p.60) 


A Getting started 

Work your way through these easy projects to learn how to 
use Scratch. Each project introduces important new ideas, so 
don't skip any if you're a beginner. By the end of the chapter, 
you'll have mastered the basics of Scratch. 


Funny Faces (p.70) 


< Art 

Artists love finding new ways 
to create art, and computers 
give them tools that even 
Leonardo da Vinci couldn't 
have dreamed of. Make a 
birthday card, spin spectacular 


Birthday Card (p.82) Spiralizer (p.94) Fantastic Flowers (p.106) spirals, and cover your world 
with flowers. 


[>> Games 

Game design is one of the most creative areas 

of coding. Game makers are always looking for 
imaginative new ways to challenge players or 
tell stories. The projects in this chapter challenge 
you to steer a sprite through a twisted tunnel or 
clean virtual splats off a dirty computer screen. 


Tunnel of Doom (p.122) Window Cleaner (p.134) 


Virtual Snow (p.144) Fireworks Display (p.154) 


A Simulations 

Give a computer the correct information and it can mimic, 
or simulate, the way things work in the real world. This 
chapter shows you how to simulate falling snow, sparkling 


fireworks, the growth of trees, and the shapes of snowflakes. 


Drumtastic (p.190) 


The Magic Spot (p.102) Spiral-o-tron (p.208) 


"a n” EXPERT TIPS 


Every project in this book is 
broken down into easy steps— 
read each step carefully and you'll 


sail through them all. The projects 
tend to get more complicated 
later in the book. If you find a 
project isn’t doing what it should 


Fractal Trees (p.162) 


<] Music and sound 

While early computers struggled to make simple 
beeps, modern computers can reproduce every 
instrument in an orchestra. Try out these two treats 
for your ears. The first one matches sound effects 
with silly animations, and the second one puts a 
digital drum kit at your fingertips. 


< Mindbenders 

Making images move in clever ways can fool 
the eye into seeing amazing patterns and 
optical illusions. Try these mindbending, 
spinning-pattern projects. 


do, go back a few steps and check 
the instructions again carefully. 

If you still have problems, ask 

an adult to check with you. Once 
you've got a project working, 
don't be afraid to change the 
code and try out your own ideas. 


Snowflake Simulator (p.172) 


Getting 
started 


4 


Cat Art 


Find your feet in Scratch by making 
some super-simple art with Scratch’s 
cat sprite—the mascot of the Scratch 
project. This project turns the cat into 


a z 
GETTING STARTED 


a kind of multicolored paintbrush. 
You can use the same trick to paint 


with any sprite. 


This simple project lets you use a 
computer mouse to paint multicolored 
cat art. Wherever you drag the mouse, a 
rainbow trail of cats is left behind. Later 
on you'll see how to add other effects. 


A Follow the mouse 


First you'll make a script 
to use the mouse-pointer 
to move the cat sprite 
around the stage. 


A Making copies 
Then you'll use the 


“stamp” block to make 
a trail of copies appear 
on the stage. 


A Changing color 
Next you'll add blocks 
to the script to make 
the cat change 

its color. 


A Going wild 

There are lots of crazy 
effects you can try out 
on the cat once you 
start experimenting. 


Click here to 
make the project 
fill your screen. 


Type the name of 
your project here. 


á 
| 
(W, { Cat Art ) 


by ArtsyCat123 (unshared) 


The cat sticks to the 
mouse-pointer and 
keeps changing color. 


Click the green 
flag to start 
the project. 


El ng 


CAT ART 


Click the stop sign 
to stop the project. 


7 


ra 
© 


< Artistic cat 

This project lets you go wild 
with your imagination. You 
can experiment with a variety 
of colors, sizes, and effects 
for the cat, and in the end 
your project will look like 

a piece of modern art. 


Now that's what I call 
a masterpiece! 
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Mouse control 


The first step is to make the cat sprite move wherever 
the mouse-pointer moves. You need to build a set of 
instructions—called a script—to make the cat sprite do this. 


a 


| Follow me. | 


ba a" 
The blocks in the blocks 


palette are color-coded 
by their function. 


_ First start a new Scratch project. If you use the online 
aly version of Scratch, go to the Scratch website and click 
on Create at the top. If you use Scratch offline, click on 
the Scratch icon on your desktop. You should see a 
fresh project, ready for you to start building scripts. 


Scripts are built here. 


SCRATCH @ Filev Edit» Tips 


2tHKO 


w (aa ooo ý S E) By @ Scripts Costumes I Sounds 
by ArtsyCat123 (unshared) 
Events 
Looks Control 
The cat sprite on the | sound [sensing ens 
t is th ly i Pen F Operators ne 
stage is the only item 
, Data [ More Blocks 
in a new project. 
ei ysl ree] 
Sprites New sprite: RAO) 
stage G w 
—— Sr ee] ana 
New backdrop: 
FETS] Backpack 


Costumes 


ay To build the script you simply drag colored blocks from aun 


the middle area (the “blocks palette”) to the empty grey 
space on the right (the “scripts area”). The blocks are 


color-coded by what they do. You can switch between Events 
different sets of blocks by clicking on the categories Control 
at the top of the blocks palette. i enea 
l 
Motion is always selected | Pen | Operators 
when you start a new project. 
Clicking on each word shows a | Data p More Blocks 


different set of colored 
instruction blocks. 


Click on the “go to mouse-pointer” block and | = 
drag it into the scripts area on the right. It will 90 to [mousepointer7] == 


stay where you put it. 


A Now click on Control in the blocks palette. All 


the blocks in the center of the Scratch window 
will switch to yellow. 


Scripts Costumes Sounds 
i Motion Events 

lj Looks 

[ Sound fi Sensing 

fl Pen i Operators 
i Data I More Blocks 


Drag the 
“forever” 
block 

to the 
scripts area. 


_ Use the mouse to drag the “forever” block 
=, around the “go to mouse-pointer” block. It 
should click into place if you release it near 

the blue block. The “forever” block makes 

the blocks inside run over and over again. 


This block is called a loop and 
repeats the blocks inside it. 


=), Click on the green flag at the top of the stage. 


= 


ul 
fl 
5 
CAT ART 


“Run a program” means “start 
a program’ to a programmer. 
A program that’s doing 
something is “running”. In 
Scratch, programs are also 
called projects, and clicking 
the green flag runs the 


Click Control k 
current project. 


to reveal the 
yellow blocks. 


To complete your first script, select Events in the 
blocks palette and then drag a “when green flag 
clicked” block to the top of your stack of blocks. 
This block makes the script run when someone 
clicks on the green flag symbol on the stage. 


A block that goes 
at the top of the 
script is known 

as a header block. 


Stops scripts 


Starts scripts 


The cat will now go wherever the mouse-pointer res ` 

goes. You can stop the chase with the red stop G (Cat Art i) fu D | 
button. Congratulations on your first working MN SU ed 

Scratch script! 


Multicolored cats 

Scratch is packed full of ways to make 
art. The simple script changes here will 
send your cat straight to the art gallery. 


a" i 
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Click on Looks at the top of the blocks 
palette and find the “change color effect 
by (25)” block. Drag this into the loop 

in your script so it looks like this. 


What do you think 
will happen when 
you run this new 
version of the script? 


Click the green flag to run the 
new version of the project. 

The cat now changes color 
from moment to moment. 
Every time the loop repeats the 
“change color effect by” block, 
the sprite shifts in color a little. 


8.0. 


Now comes the moment to make some art. We need 
just one more block. Click on Pen in the blocks palette 
and you'll see a selection of green blocks. Drag a 
“stamp” block into the loop so your script looks like this: 


The stamp block 
a a stamps a 
= a picture of the 
sprite onto 


Let’s make 
some art! the stage 


É E wherever the 
in * el cat is standing. 


5 
CAT ART 


Next, run the project again by clicking the green 
flag. The cat will leave a trail of multicolored cats 


behind it. What an artistic sprite! Each cat in the trail 
is put there by the 
stamp block. 


12 You'll find that the stage soon fills up with cats, but 
don't worry, because you can add a script to wipe 
it clean at the press of a button. Choose Pen in the 
blocks palette and look for the “clear” block. Drag it 

into the scripts area but keep it separate from the 

first script. Then click on Events and add a brown 
“when space key pressed” block. Run the project This header block starts the 
and see what happens when you press the space bar. script when the chosen key is 
pressed on the keyboard. 


-L a EXPERT TIPS 


To see projects at their 
best, you can simply click 
the full-screen button just 
above the stage to hide 
the scripts and just show 
the results. There's a similar 
button to shrink the stage 
and reveal the scripts again 
from full-screen mode. 


Click here to 


If you use the offline 
version of Scratch, don’t 
forget to save your work 

from time to time. 


see your project 
fill the screen. 


n" 
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Hacks and tweaks 


There are lots of ways to change how the cat 
looks, and you can use them to create some 
startling visual effects. Below are a few tips, 
but feel free to try your own experiments. 


V Try this for size 
Add these two scripts to the cat to make 
it bigger or smaller when you press the 


Try growing your cat until it fills the 
up or down arrow keys. yg gy 


Click on the triangle to stage. Press the space-bar to clear all 
choose the correct key the other cats, leave the computer 
rom a drop-down list. mouse alone and hold down the 


n ; down arrow. A succession of ever- 


fi 
smaller cats will appear inside each 


other, creating a multicolored, 
cat-shaped tunnel! 
7 Positive numbers make the 


cat bigger and negative 
numbers make it smaller. 


V Smooth changes 

Don't be afraid to experiment with the numbers and settings 
in Scratch commands. You don't have to change the cat's 
color effect by 25 each time. The lower the number, the more 
slowly the color will change, like in this rainbow. 


Set this number to 
1 for a smoother 
color change. 


Ll 
al 
[z] 
CAT ART 


V Special effects V Cleaning up 

There are lots of other effects to try besides simple Things can get messy with effects, so add a “clear 
color changes. Try adding another “change” block graphic effects” block to the script below. This runs 
to the main script. Click the drop-down menu and when you press the space-bar to clear the stage. 


try the other effects to see what they do. 


It's best to change 
the effect slowly 
at first. 


E 


Saas 
Lame 


Look at all the mess 
I need to clean up. 


i Click here 


to choose 
different effects. 


SKa EXPERT TIPS 


V At your fingertips 

To give yourself more control over effects while 
painting with the cat, you can trigger scripts with 
any keys you choose. You could create a whole 
keyboard full of weird cat changes, including 

the ghost effect shown here. 


e) 


Almost all computer programs contain loops. These 
are useful as they let a program go back and repeat 
a set of instructions, which keeps scripts simple and 
short. The “forever” block creates a loop that goes on 
forever, but other types of loops can repeat an action 
a fixed number of times.You'll meet all sorts of clever 
loops in projects later in the book. 


Scratch's ghost effect Script runs from The “forever” block makes 
makes sprites transparent. o to bottom. the program return to the 


= start of the loop. 


C 
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Dino Dance Party 


Brush off your dancing shoes and join 
the dinosaur’s dance party! Who will you 
invite? There will be music, a light show, 
and dance moves galore. Dance routines 
are just like computer programs—you 
just follow the steps in order. 


How it works 


Each sprite has one or more scripts 
that program its dance moves. Some 
simply turn from side to side, but 
others glide across the dance floor 
or perform more varied moves. You 
can add as many dancers as you like. 


T <1 Dinosaur 

"a After you've created a dancing 
dinosaur, you can duplicate 
this sprite to make a group of 
dinosaurs dancing in rhythm. 


The “spotlight-stage” 
backdrop sets the scene 
for the dance party. 


< Ballerina 
d -h To add a touch of class, the 
= ballerina will perform a more 
complicated dance routine. 


Click this icon to Type the name of 
make the game the project here. 
fill your screen. 
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„M, (Dino Dance Party 


by PartyPeople555 (unshared) 
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The disco lights change 
color several times Click the stop sign 


a second. to stop the project. 
Click the green flag j pa 


to start the project. 


By switching between 
different poses, the 
sprites appear to dance. 


Let’s party! 
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Dancing dinosaur 

Scratch has lots of ready-made sprites for your project in the 
sprite library. Many of the sprites have several “costumes”, 
each showing the sprite in a different pose. If you make 

a sprite switch costumes quickly, it looks like it’s moving. 


sf; 
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First start a fresh Scratch SCRATCH © Filew Edit ¥ Tips 
project. From the main 
Scratch website, click (ma, (Untitled 

on Create at the top. If a pyjebed (unshared) 
Scratch project is already 
open, click on the File 
menu above the stage 
and select “New”. 


Clicking on “New” will save 
an existing project before 
starting a fresh one. 


New projects always start with the cat 3. To load a new sprite, click on the small sprite symbol & 
sprite, but we don't need it this time. in the sprites list just below the stage. A window with 
To delete it, right-click on the cat (or a huge selection of sprites will open. Choose Dinosaur 
control/shift-click on a one button mouse) and click “OK”. Dinosaur1 will now appear on the stage 
and select “delete”. The cat will disappear. and in the sprites list. 


Click here to load 
a new sprite. 


Sprites New sprite: & bats ist 


delete r 


Dinosaur1 
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Make this simple script for Dinosaur1. Look You can find brown blocks 
carefully and you'll see the script runs when by clicking on Events in 


the space bar is pressed—not when the the blocks palette. 


green flag is clicked. 
Click on Looks to 


Look at the dinosaur on the stage and press the space-bar. Every time ae 

; z ; ; a 7 Each pose is a different 
you press it, the dinosaur will change its pose. It’s still the Dinosaur1 costume belonging to 
sprite, but the way it looks keeps changing. Each different pose is called the dinosaur sprite. 


a costume and can be used to make a sprite appear to do different things. P 


ME NES 


Click on the Costumes tab at New costume: N 
thetop oftheblockspaletteto | a y ty gy | 02) O0 Cen Ced GODE 
see all the dinosaur’s costumes. > / al 


Press the space bar to trigger 
the “next costume” block and 
you'll see the blue outline 
move to each costume in 
turn as it’s selected. 


pS 7) 


1 ut 
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dinosaur1-a 
151x169 
2 
Each costume has a 
different name. 
dinosaur1-b 
233x158 


3 $ 
dinosaur1-c 
130x179 


This part of the Scratch window 
is called the paint editor. Later on 
you'll find out how to use it to create 


your own sprites and backdrops. 4 e | | VA Q=Q 
on DO EEU hae 
E a 
a 
a ie 
OME 


Vector Mode 


dinosaur1-d Q= BaO (Convert tobitmap Žžć ) 


95x172 
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Dance steps 

By using loops you can make the dinosaur change 
its costume repeatedly, making it appear to move. 
Changing pictures quickly to give the illusion of 
movement is called animation. 


Click on the Scripts tab at the top of the Scratch Click the green flag above the stage to run the 
window to go back to the dinosaur’s scripts and 8. script. You'll see the dinosaur move wildly as it 
add this script. Before you try it, read through the loops through all its costumes at high speed. 
script and see if you can figure out what it does. To make a neater dance, the next step will 
limit the number of costumes to just two. 


Remember, blocks are 
color-coded. The “forever” 
loop is in the yellow 
Control blocks section. 


dinosaur1-c dinosaur1-d 


m 


Remove the “next costume” 
block from the loop and 
replace it with the blocks 
shown here. The new 
script switches between 
two costumes and slows 
everything down with 
some “wait” blocks. 

Run the project again 

by clicking the green 
flag—the dinosaur should 
now dance more sensibly. 


Drag this block out 
of the scripts area. 


Choose 
“dinosaur1-c". 


Change the delay 
to 0.5 seconds. 


Choose 
“dinosaur1-d”. 
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10 To add more dancing ig r 

I% dinosaurs to the party you can Sprites New sprite: G A wl 
simply copy the first dinosaur. 
Right-click on the dinosaur in 
the sprites list and choose 
“duplicate” from the pop-up 
menu. A new dinosaur will Stage 


. ee Di i 
appear in the sprites list. 1 backdrop oa O | 
New backdrop: y 
ka / ti duplicate Ls 
delete 


Right-click E ~ Choose “duplicate” 
(or shift/ctrl-click) save to local file to make a copy of the 
on the dinosaur. i sprite and its scripts. 


11 Make another copy so that there 


are three dinosaurs in total. Click 

on the dinosaurs on the stage and 

drag each one to a good spot. Run = 
the project. Since they all have the 

same script, they'll all do the same 


dance at the same time. 


Setting the scene 


The dinosaurs are dancing, but the room’s a bit boring. J 
Follow the next steps to add some decorations and music. fat $ n 
You'll need to make some changes to the stage. Although = 
it isn't a sprite, it can still have its own scripts. A one 
First, a change of scenery. The picture on the stage » Select “spotlight-stage” from the 
is called a backdrop and you can load new ones. 19 backdrops library and click “OK”. 
Look at the bottom left of the screen and click on This backdrop will now appear 
the backdrop symbol gj to the left of the sprites list. behind the dancers. 
(a \ aa. 
: imi; (Dino Dance Part ) 
Sprites m Oe ~o 


The “spotlight-stage” 


Stage backdrop sets the 

1 backdrop Dinosaur1 mood of the party. 
New backdrop: 
ka / al a 


Click this symbol to 
add a backdrop. 


4 
i 
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Now click on the Scripts tab at the top of the a Saunt packaron SE 
screen to add a script to the stage. Each sprite P p 


can have its own scripts and so can the stage. 
VETER event 


| Control 
Click here to show : 
the scripts area. I Sensing 
a Operators 
i More Blocks 


Add this script to make the disco lights flash. 
Then click the green flag to run the project— 
it should look like a real disco. You can 
experiment with the time in the “wait” 

block to make the lights flash faster or 
slower if you want. 


This block only 
changes the backdrop 
colors. It does not 
affect the other sprites. 


Adjust the number 
here to change how 
fast the lights flash. 


Now it’s time to add some music. Click on the (a eit 1 Backrone if saind: 
Sounds tab, which is next to the Scripts tab at P B 


the top. Then click on the speaker symbol 1@£ 


to open Scratch’s sound library. Select “dance New sound: 
around” and click “OK” to load it into the stage’s ‘og 4 
list of sound clips. T Y wz 


Click here to choose a 
sound from the library. 


Click on the Scripts tab again and add this new 


script to play the music in a loop. Click the green ” | 
E E 


flag to run the project again. The music should 


play. You now have a real party on your hands! Don't forget to click 


the full-screen symbol 
above the stage to see 
me at my best. 


The music 
repeats forever! 


This block plays the whole 
tune before the script 
goes back to the start. 
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Get a move on! 

The dinosaurs are throwing some wicked shapes, but they're 
not moving around the dance floor much. You can fix that 
with some new scripts that use Scratch’s “move” block. 


Click here to see 
Dinosaur2’s scripts. 


First, click on Dinosaur2 Ge : 
18 in the sprites list to Sprites 

show its scripts in d 

the scripts area. i 


Dinosaur1 Dinosaur2 


blocks, click Motion at the top of the blocks a &) tiny brain, click on the blue “i” symbol next to 
palette. What do you think the new script does? the sprite in the sprites list. This reveals extra 
information about the sprite. 


19. Next, add this extra script. To find the dark blue 21 To prevent the blood rushing to the dinosaur’s 


These aren't actual 
dinosaur steps, 
they're Scratch’s 
way of measuring 


distances. 
5 i Add this block to turn 


the dinosaur round at 
the stage’s edge. 


Dinosaur2 


a Now click the green flag and both of Dinosaur2’s An information box will pop up. Change “rotation 
scripts will run at the same time. The sprite will style” to the double arrow and watch the dinosaur 


move all the way across the stage and then turn dance. See what happens if you click the other 
around and dance back. But you'll notice that rotation styles. You now have the power to choose 
it dances back upside down! whether the dinosaur dances on its head or not! 
Click here to go back Select the double arrow to 
aoa to the sprites list. keep the dinosaur upright. 
Èo (Dinosaur2 ) 
x-5 yi 18 direction: -90° ©) 


rotation style: t) @ e 


can drag in player: 


show: M 
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Keyboard control 


Ever dreamed of taking control of your very own 
dinosaur? The next script will give you keyboard 
control of Dinosaur3’s movements: you'll be able 
to move the dinosaur across the stage with the 
right and left arrow keys. 


» Click on Dinosaur3 in the 
sprites list so you can edit 


its scripts. 


The blue outline shows 
that Dinosaur3 is the 
Dinosaurs selected sprite. 


Click here and choose 
“right arrow”. 


| Add this script to the 
24 scripts area. It’s quite 
complicated, so make 
sure you get everything 
in the right place. The 
“if then” block is in 
the yellow Control 
blocks section. It’s a 
special block that 
chooses whether or 
not to run the blocks 
inside it by asking a 
question. Take care to 
ensure that both “if 
then” blocks are inside 
the “forever” loop and 
not inside each other. 


Drag this pale blue Sensing 
block into the window in 
the yellow block. 


Choose 90 here. This points 
the sprite to the right. 


Click here and choose 
“left arrow’. 


Choose minus 90 here. This 
points the sprite to the left. 


Before you run the script, read through it carefully and see 
25 if you can understand how it works. If the right arrow key 
is pressed, blocks that make the sprite point right and move 
are run. If the left arrow key is pressed, blocks that make 
the sprite point left and move are run. If neither is pressed, 
no blocks are run and the dinosaur stays put. Repeat step a 
22 to stop Dinosaur3 from turning upside down. 


y 
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You make choices all the time. If you're hungry, you 
decide to eat; if not, you don’t. Computer programs 
can also make choices between different options. 
One way to make them do this is to use an “if then” 
instruction, which is used in lots of programming 
languages. In Scratch, the “if then” block includes 

a statement or a question and only runs the code 
inside the block if the statement is true (or the 
answer is yes). 


No 
(false) 


Add a ballerina 


The dinosaurs are dancing, but it’s not much of a party 
without some friends. A ballerina is going to join the fun 
and will do a routine. Her scripts will show you how to 
create more complicated dance routines. 


A 


Click on the sprite symbol in the sprites list and load the 
ballerina. Then use your mouse to drag the sprite to a good 
spot on the stage. To give the ballerina some scripts, make 


sure she’s selected in the sprites list—the selected sprite (Ga 
has a blue outline, Scripts Costumes Sounds 


Ballerina is the New costume: | ( ballerina-a 


selected sprite. 
+. 
6 / a gm 


Ballerina 


ballerina-a 


61x10 


You can see all the costumes of a sprite by clicking on the 

27 Costumes tab when the sprite is selected. The ballerina has 
four costumes, and switching between them will make her 
dance a beautiful ballet. 


Each costume has ballerina-b 


a unique name. _ | 7 °**! 
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B irenonreye Ae e a a a a 


= = = = = 
can design a dance routine 
for the ballerina, like the ft. A. dh. A. al. 
one shown here. Each step . 
Costume ballerina-a then 


in the dance will become an 
instruction block in the code. 


ballerina-d, repeated three times. 


= ballerina's first dance. There's no 
“forever” loop—instead, the script 
uses a “repeat” loop that runs a fixed 
number of times before moving on 
to the next block. Run the project to 
see her perform the dance routine. 


29 Build this script to create the 


The loop repeats the 
blocks inside three times. 


To set the delay time, 
click on the window 
and type 0.5. 


An algorithm is a series ALGORITHM PROGRAM 

of simple, step-by-step (Dance steps) (Dance steps turned into computer 
instructions that together programming language) 
carry out a particular task. 

In this project, we converted 
the ballerina’s dance 

routine (an algorithm) into 

a program. Every computer 
program has an algorithm 


STAND! 


at its heart. Programming is 
translating the steps of the 
algorithm into a computer 
programming language that 
the computer understands. 


STAND! 


THE KNEES! 
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_ Now for the second part of the 
| ballerina's routine. After flexing 
Costume ballerina-a then 


her leg three times, she'll dip twice. 
g P d ballerina-b, repeated twice 


dne aar dn e arar 


para 
man 


Add the blocks shown here to the Next, click the green flag and you'll see the 
bottom of the ballerina's script, ballerina do her full routine. But she'll only 
after the first “repeat” block. do the routine once. To make the dance 


go on we can wrap the whole body of the 
script in a “forever” loop. Loops inside loops! 


Drag the “forever” 
loop to the top 

of the existing 
script and the 
jaws will expand 
to fit. 


Add the second 
repeat block here. 


tal 
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ae" EXPERT TIPS 


Look at the bottom of the two types of 
loop you've used so far. Which one can 
have blocks attached to it? You might 
notice that the “repeat” block has a small 
lug on the bottom, but the “forever” block 
doesn't. There’s no lug on a “forever” loop 
because it goes on forever, so there’s no 
point adding blocks after it. A “repeat” 
block, however, runs a fixed number 

of times and the script then continues. 


Hacks and tweaks 


You can add as many dancers as you like 
to this project. There are lots of sprites in 
Scratch that have several costumes, and 
even those with only a single costume 
can be instructed to dance by flipping 
left to right or by jumping in the air. 


V Turn around 

You can make any character face the other 
way by using a “turn 180 degrees” block. 
Just add this block before the end of the 
“forever” loop to make your sprite’s dance 
switch direction each time. 


= 


A lug allows you to 
join new blocks. 


J g J 
one 
A 


i= 
f] E a = 
This is the same as selecting 
the double arrow rotation 


style in the sprite’s 
information panel. 


| This block flips 


the sprite to its 
mirror image. 
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> Dance-off! 

Look in the library for sprites with the word “Hip-Hop” in the 
name. They have lots of costumes showing different dance 
postures. Start off with a simple script like this one that shows 
all the costumes in order. Then choose the costumes that work 
best together and switch between them. Add loops to extend 
the dance or add sensing blocks to give you keyboard control. 


V Might as well jump! 


QF" IF a E E i k 
Add another ballerina and make her jump "e n "S m 


in the air with this script. The change of 


costume makes it seem like the ballerina is m i 
really jumping. Experiment with the timing cna a5 5 See 


to make the dance match the music. a. 


on TRY THIS 


Shout! 


Add this short script to every one of 


your sprites. When you press the x key, 
switch costume to [Ballernab 7] ali the sprites will shout Party!" 


for upward 
movement. 


Choose 180 
for downward 
movement. 
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Animal Race 


Have you ever wondered which is 
faster—a dog or a bat? Now you 
can find out when you play this 
fun fast-finger, button-pressing, 
two-player animal race game. 


How it works 


The aim of this two-player game is simply 
to race across the screen and reach the 
balloons before the other player. Fast 
finger action is all you need to win. 

The faster you tap the keyboard's “z” 

or “m” key, the faster your sprite moves 
from left to right. 


<] Sending messages 
This project shows you how 
to use Scratch’s message 
feature to make one sprite 
pass information to other 
sprites, such as when the 
cat sprite tells the dog 

and bat to start racing. 


<1 Variables 


The cat's script stores 
information in something 


3 programmers call a variable. 


In this project, you'll use 
a variable to store the 
numbers for the cat’s count 


Cant at the start of the race. 


Pimi A 
LW, ( Animal Race 


by TopDog763 (unshared) 


The cross and arrow 
mark the start line. 


Ll 
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The bat flaps its wings 
every time you press 
the “z” key. 


~ o 


< Fastest finger first 

As soon as the cat starts 
the race, the dog and the 
bat start running toward 
the balloons. The faster the 
players press their keys, 
the faster their sprites run. 


Balloons mark 
the finish area. 


Catch me 
if you can! 


The dog runs for 
the finish—one stride 


every time you press 
the “m” key. 
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Starter cat 


The cat starts the race with “1... 2... 3... Go!”, so you need to 
teach him how to count. Computer programs use variables 
to store information that can change, such as a player’s name 
or their score in a game. The cat will use a variable named 
“Count” to keep track of what number he’s gotten up to. 


__ Start a new project. To create a new variable, 
— select the orange Data block in the blocks 


palette and click on the “Make a variable” button. 


7 
Scripts “| Costumes (Sounas |) 
i Motion - Events 


g Looks Control 
a Sound | Sensing 
i Pen p Operators 


Make a Variable 
Make a List 


You'll now see some orange blocks for the 

"3, new variable in the blocks palette. Uncheck 
the variable’s tick box so that it doesn’t 
appear on the stage. 


Make a Variable 


Tick box 


Click here. 


A small window will pop up asking you to give 
a the new variable a name. Type “Count”, leave 
everything else alone, and click the “OK” button. 


New Variable 


Variable name: Count 


@ For all sprites O For this sprite only 


( ok ) (canei } 


Enter 
“Count” here. 


Make this script for the cat. It starts by setting the 
4 value of “Count” to zero. Next, inside a loop, it adds 
one to the value of “Count” and makes the cat say 
the new value for one second. The loop runs three 
times and then the cat says “Go!” to start the race. 


This increases 
the value stored 
in “Count” by 1. 


Drag this orange block 
from the Data blocks 
into the purple block. 


[ 5 Click the green flag to run the script. 
; The orange “Count” block in the 
window of the “say” block makes 
the cat say the variable’s value each 
time. You can change how high the 
cat counts by changing the number 
in the “repeat” loop’s window. 


ET 


Setting up the racers 


The cat is ready to start the race. The next steps 

are to decorate the stage for the race and then to 
add the bat and the dog sprites, along with other 
sprites to mark the start and end of the racetrack. 


t 
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Think of a variable as a box for 
storing information, with a label 
to remember what's inside. When 
you create a variable, give it a 
sensible name, such as “High 
Score” or “Player Name” You can 
put all sorts of data into variables, 
including numbers and words, 
and the data can change while 
the program is running. 


95,970 


High Score 


Make sure Dog? is selected in the sprites list. 
Click on the Costumes tab at the top of the 
blocks palette and you'll see it has three 
costumes. The first two show the dog running, 
but we don't need the third one so delete it. 


New costume: 


Add a backdrop. Click $ / eal ley 

6 on the backdrop symbol stage i The first two costumes 
ka to the left of the Baa: 1 work well for this project. 
sprites list and add p 
the “blue sky” backdrop. New backdrop: 


ka / wal 


Click here to open 
the backdrop library. 


It's time to add some sprites for the racers, 
starting with the dog. Click the sprite 
symbol inthe sprites list. Find Dog2 

in the library and add it to your project. 


dog2-a 
127x110 


dog2-b 
127x104 


Click here to delete 
the third costume. 


Va 
Sprites 


Dog2 will now 
appear in the 
sprites list. 


Sprite1 Dog2 


dog2-c 
121x109 
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To tell the dog where to start ‘mi’ (AnimaiRace Pa @ 
by TopDog786 (unshared) 


the race, add another new 
sprite, Button5, which is a 
black cross. Drag it to the 

bottom left of the stage. 


The black cross 
tells the dog where 
to start the race. 


10. Every sprite you load should have a meaningful name. Nl Select Dog2 again. Then click the Scripts 
W This makes scripts easier to understand. To rename tab at the top of the Scratch window and 
Button5, click on the blue “i” and name it “Dog Start”. add this script to make the dog start in 
Then click the blue triangle to return to the sprites list. the correct place. Run the project to see 
it in action. 
Choose “Dog 
i Start” from the 


drop-down menu. 


Buttons Type the new name 
for the sprite here. 


o (Dog Start ) This block makes 
x:-211 y:-129 direction: -90° £) the dog appear on I should be on top 
i : ) top of the cross; of the black cross 
rotation style: ~ @ not behind it. 7 


can drag in player: 


show: M 


Click here to return 
to the sprites list. 
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| Now add a new sprite for rm} (AnimalRace fa @ 
the dog's finish line. Choose by Topbog766 (arene) 


Balloon1, but rename it “Dog 

Finish”. To change the balloon’s 

color, click on the Costumes tab 
and choose the yellow costume. 


On the stage, drag the sprite to 
the finish point of the dog's race. 


Remember to choose 
the yellow balloon 
for the dog. 


The dog needs someone to Y Now add the Arrow? sprite, but rename it “Bat 

race against. Click the sprite 14 Start” and drag it just above the cross. Then 

symbol inthe sprites list add another balloon, rename it “Bat Finish’, 

again and add Bat! to the and place it at the bat’s finish line on the right. The bat has to 


touch the balloon 
to finish the race. 


~e 


project. Click the Costumes 
tab and you'll see two 
costumes perfect for flapping. 


a | . 
‘ml, (AnimalRace ) 
by TopDog786 (unshared) 


bat1-a 
115x125 


= 


bat1-b 
101x103 
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E Select the bat sprite in the sprites list and 
E give it this script. Run the project and watch 
the competitors line up at the start. 


The race 


The bat and the dog both need scripts to make them 
race. The cat will trigger these scripts by sending a 
message when it says “Go!” at the start of the race. 
Both contestants will receive the message at exactly 
the same time. 


s Select the cat sprite in the sprites list and 
16 add a “broadcast message1” block to the 
bottom of its script. This block sends out 

a message to every other sprite. 


Add this block to the 
bottom of the script. 


Open the drop-down 


Go! 


“broadcast” block and choose “new 
message” from the drop-down menu. 
Type “Start Race” as the name of the 
new message and click “OK”. 


17, Click on the black triangle in the 


New Message 


Message name: Start Race 


(ok } (. cancel} 


Lf 
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Now the cat sends out the “Start Race” message at the start of 
the race. Each racer needs a script to make it react, so select 
the dog first and add this script. See how the two “wait until” 
blocks together make the player press the “m” key and then 
release it again and again to move their character; just 
keeping your finger on the “m” key won't work. 


Check the message 
in here is “Start Race”. 


The script waits here 
until the “m” key is pressed. 


The script then waits 
here until the “m” key 
is released. 


This block checks if the Look for this block 


Dog2 sprite is touching in the light green 
the “Dog Finish” balloon. Operators section. 


This ends the game when 
the dog gets to its balloon. 


The “not” block reverses the answers to yes/no questions 
answer to the question block (or true/false statements) in 
inside it. This block is very useful useful ways: “not”, “or”, and “and”. 
for testing if something isn’t Programmers call these “Boolean 
happening. There are three green operators” and you'll use all of 
Operators blocks that can change them in this book. 
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Run the project. Once the cat says “Go!”, you should find 
that the dog runs forward a step each time you press and 
release the “m” key. When it reaches its balloon, the dog 
should stop responding. If anything isn’t working, carefully 
check your script against the version in the book. 


Next, add this similar script to the bat sprite. The only 
differences are that the key selected now is the “z” key 
and the bat must touch its own finish sprite. 


Note the differences 
to the dog's script. 


The bat stops running when 
it touches the balloon sprite. 


Now try to race the sprites. You ra - 
might find that one sprite wins (m, (Animal Race i) fu QO 


by TopDog763 (unshared) 


more easily because a wing or a 
nose sticks out. You can drag the 
start and finish sprites around 

a little to even things up. 


Drag the cat to 
the corner, out of the 
way of the racers. 


Ll 

g 

E 
ANIMAL RACE 


Hacks and tweaks 


The race game is very simple, but you can easily add 
features to make it more interesting. Here are some 
suggestions to get you started. It’s worth making 
a copy of your project before you start to change 
things—then you won't be afraid to experiment. 


Click the drop-down 
[> Sounds menu to see the sounds 


Add a sound effect to mark the start of the race say [60] loaded for this sprite. 
by adding a “play sound” block to the cat's 


script. The cat has the “meow” sound preloaded, 
but you can load other sounds from the sound 


library by clicking the Sounds tab and then the 


Change 0 to 4. <1 Countdown 
Try changing the middle part of the cat’s 
script to look like this. Can you figure out 


i ? 
Pla inus what will happen now? 
CD n 


! I'm the fastest! | 


F <1 Extra competitors 


Why not add more animals to the race? Find some sprites 
in the sprite library with costumes you can animate, like the 
parrots or Butterfly1. Add start and end sprites for each one 
of them and adapt the racing script to use different keys. If 
you need to adjust a sprite’s size, just add a “set size” block. 
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V Challenging controls 

You can make the game harder for the players 
by making them press two keys alternately 
rather than one key repeatedly. You just need 
to change the script to wait for a second key 
to be pressed and released after the first one. 
This shows how to change the dog's script. 
For the bat, make the same change but 

use “x” for the second key instead of “n”. 


ann 


; have “n” selected, not 
. 

I 
I 
I 
k < -e -em a 


Note that these blocks 


Maan 


m 


FASTER, FASTER, KEEP 
GOING STRAIGHT! 


—~ — 


For the bat's script, 
select “x”. 
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Race positions 

It might not always be easy to tell who's won if the 
finish is close. To fix this, you can make each animal 
show their finishing position when the game ends. 


Choose Data in the blocks palette and then Next add a “set Position to” block to 
click the “Make a Variable” button to create the bottom of the cat’s script and 
a new variable. Call it “Position”. change the number to one. 


New Variable 


Variable name: Position 


@ For all sprites O For this sprite only 


t 


OK ) ( Cancel ) Change the 
number to 1. 
Now change the end of the dog's script so it looks _ Try it out. The cat's script sets “Position” 
like this. You need to add two new blocks and to 1. The first sprite to reach the finish 
choose a new menu option in the “stop” block. runs the “think Position” block, which 


Do the same for the bat. makes a thought bubble containing the 
number 1 appear. Their script then adds 


1 to the value of “Position”, making it 2. 
When the second sprite finishes and 
thinks of “Position”, it displays 2. 


Add these | 1 | 
two blocks. Fi P 
E) 
(mm) 


Choose “this script” in 
the drop-down menu. 
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Ask Gobo 


Do you have a tricky decision to make 

or want to predict the future? Let Gobo 
help you in this fortune-telling project. 
Here you'll learn about random numbers, 
variables, and how computer programs 
make choices. 


Name of the project. 


| pee | 
1M, Ask Gobo —) 


by FortuneTeller100 (unshared) 


Gobo invites you to ask a question and 
then answers with either “Yes” or “No”. 
You can ask anything you like, from “Am 
| going to be a billionaire?” to “Should | 
play a computer game instead of doing 
my homework?” Gobo pauses to look 
as if it’s thinking, but its answers are 
actually pure chance. 


<1 Gobo 

Friendly Gobo is the only 
sprite in this project. It has 
three costumes that you 
can use later to help bring 
it to life. 


<1 Take a chance 

Just as the roll of the dice 
creates random numbers, 
Scratch can generate 
random numbers to 
make the program react 
in unpredictable ways. 


ASK GOBO 61 


The green flag 
starts the project. The red button 
stops the project. 


<1 Ask a question! 

Gobo works best if you 
ask it to make predictions 
or decisions for you. Don’t 
ask factual questions 
because it will often 

get the answer wrong! 


| can answer your 
i yes-or-no questions. 


iii. 
E 
= 7 


Gobo uses speech 
bubbles to interact 
with you when you 
run the project. 


Ask your question, 
then press space. 


Get ready to see 
into the future! 
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Setting the scene 


Starting a project usually involves picking sprites and 
backdrops. Follow these steps to add the Gobo sprite 
to the project and to load a suitable backdrop to create 


a grand setting for Gobo’s answers. 


Start a new project. Then get rid 
of the cat sprite by right-clicking 


on it and selecting “delete”. 


delete r 


__ To load the Gobo sprite, click on the 
sprite symbol # in the sprites list. 
Choose Gobo and click “OK”. Gobo 
will now appear in the sprites list. 


Gobo 


Gobo's a bit small, so add this script 


=, to make him bigger. Run the project 
and see him grow. 


Click in the window 
and type 250. 


Gobo’s answers should be spoken in a serious setting. Click 

4 on the backdrop symbol kal in the lower-left corner of the 
Scratch window and load the “greek theater” backdrop. 
Now drag Gobo to the center with your mouse. 


me 


(ml, (Ask Gobo 


by FortuneTeller100 (unshared) 


_ Select Gobo by clicking on it in the sprites list. Now add these 
extra blocks to your script to make it speak when the project 
starts. Run the new script and you'll see that it pauses until 
you press the space bar. Gobo won't answer yet. 


This “say” block doesn’t have 
a time limit so it stays until 
the next “say” block. 


This is just a trick—the 
computer isn't really listening! 
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Making random choices 


Computers are usually very predictable. Often, with 
the same code and inputs, you'll get the same outputs, 
but you don’t want that in this project. Gobo’s script 
will mix things up with some random numbers. 


| You need to add some more blocks to create A small window will pop up. Type 
MY Gobo's answer. Gobo will reply in one of two “ReplyNumber” into the box to name 
ways, which we'll number one and two. the new variable and click “OK”. 


New Variable 
Sr Le] Variable name: ReplyNumber 
@ For all sprites O For this sprite only 
OK Cancel 
ReplyNumber = 1 ReplyNumber = 2 
Type the variable’s 
name here. 
7 The script will use a variable named “ReplyNumber” You'll see that a block for your variable now 
E 2 to store the number of the reply the program has appears in the Data blocks along with several 
chosen so it can show the correct message. To make other blocks. 
a new variable, choose the orange Data blocks at 
the top of the blocks palette. It won't have any if this box is checked, the value of 
blocks in it yet, so click the “Make a Variable” button. the variable is shown on the stage. 


Leave it checked for now. 


Sounds 


Scripts Costumes 


K Motion Events 
a Looks - Control 
| Sound ii Sensing 
ll Pen ij Operators 


Make a Variable 


( Make a List ) 


This block is used 
to insert a value 
into the variable. 


Click here. 
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A random number is one that you can’t 
predict before it appears. A dice roll is a 
random number—any of the numbers 


from one to six could appear each time 
you roll the dice. You don’t know which 


Lowest number If you click on the 
it can select block it will tell 
you its value. It 


number will come up until you roll. In selects a random 
Scratch, you can get a random number number each time. 
using the “pick random” block. Drag 

this block into the scripts area and Highest number 

experiment with it. it can select 


The variable will hold the number of Gobo’s reply, but the 
program needs a way to choose that number randomly. Add a 
“set ReplyNumber to” block to the bottom of Gobo's script and 
then drag a green “pick random” block into it from the Operators 
section. Change the second number to two. The green block 
picks randomly between one and two, like flipping a coin. 


CE 
L 


Next create this block to add to the 
bottom of the script. It will make Gobo 
say “Yes!” if the value in the variable 
“ReplyNumber” is one. The “say” block 
only runs if the value is one, otherwise 
it is skipped. 


Change the second 
number to 2. 


Connect this block to the 
bottom of Gobo’s script. 


Now run the project a few times. 
Around half the time Gobo will say 
“Yes!” The other times it doesn’t say 
anything. If you look at the top of the 
stage, you'll see the “ReplyNumber” 
variable says one when you get “Yes!” 
and two when you get no reply. Add 
this extra block to make Gobo say 


“Naj” . z Again, connect this 
No!” when the variable is two. block tothe botton 


of Gobo’s script. 


3 


The script should now look like this. Run the project a 
few times and check that Gobo gives random “yes” and 
“no” answers. If not, check the whole script carefully. 


You can now go to the Data blocks section 
and untick the “ReplyNumber” block to 
remove the variable from the stage. 


a —— 
F If you use the offline 
version of Scratch, don’t 


i 
ij forget to save your work 
=. from time to time. 


ES 


EE ETE a E: 
Gaa emma imen 


Ey 
tty 


| E el Simin 
=. 
m = 
Uncheck 
E the tick box. 
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Wait! The answer 
is coming to me... 


Scripts al Costumes sie Sounds | 
| Motion p Events 
| Looks | Control 
Sound ig Sensing 
| Pen fi Operators 


o ee 
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to answer some important 
questions to predict the future! 


15 Now try using your project 


Will | get a puppy 
for Christmas? 


Am la brilliant 
programmer? 


Should I be nicer 
to my sister? 


Should I do my 
homework right away? 


You've already seen how to use “if then” blocks There are three different green blocks you 
containing questions to decide whether or can use to compare numbers, each with 

not to run lines of code. In this project, you a different job and symbol: = (equal to), 

use green Operators blocks inside “if then” > (greater than), and < (less than). Programmers 
blocks to check the value of a variable. The call true-or-false decisions used inside “if then” 
pale blue question blocks have “yes” or “no” blocks “Boolean conditions”. They are named 
answers, but when you use the green blocks after the English mathematician George Boole 
you should ask if what they say is true or false. (1815-1864). 


All the blocks can go 
inside an “if then” block. 


True only if the 
variable “Age” 


has a value of 10. 


True only if the 
variable “Age” has a 
value greater than 5. 


True only if the 
variable “Age” has 
a value less than 18. 


Hacks and tweaks 


You can do much more with the random numbers 
than simply answering yes-or-no questions. 
Try exploring some of these possibilities. 


V Ask me another 
To make Gobo answer more questions after the 


loop, as shown here, with a few extra blocks to 
make Gobo prompt the user for a new question 


script here. 


>> Special effects 

You can alter Gobo’s replies to be more 
fun. While you're at it, why not make 
Gobo change color or costume for each 
reply? You could also add sounds to its 
replies, some dance steps, or a spin. 


gaa“ 


How DARE you 
ask that! 


jeAMeRTA TEIN ERIN 
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lop, as shown here, witha few erua biocsto -maa Ge SD 


PN 
Insert the original ( ) 


play sound 
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V More replies 

To add to the fun you can extend the number of replies. You simply need 

to increase the top number in the “pick random” block to the new number 

of choices and then add extra “if then” blocks containing new “say” blocks. Change the 2 into a 6. This must 


This example has six possible answers, but you can add as many as you like. match your number of replies or 
some responses will never appear. 


set |ReplyNumber v | to 


then 


then 


then = 
Add four more “if then” 


blocks. These are just 
suggestions—you can 
choose your own replies. 


then 
Definitely! 
Lia 
=o 
then 
= u 
— 
then 


To make Gobo seem 
more mysterious, you 
can include some 
strange answers. 
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V Counting horse 

You don't have to stick to yes-or-no answers—instead, you 
could answer questions like “How old am |?” or “What’s my Don't forget to click the 
IQ?” with random numbers. Start a new project, load the full-screen symbol „I, 
Horse1 sprite, and add the script below to make it count above the stage! 
out the answers by stomping up and down with its feet. 

You could also add some horse noises from the sound library. 


Maximum number 
the horse can say 


This loop makes the horse 
count out the answer by 
lifting its feet. 


[E 


e ees | 
[> Do as | say! , 
Rather than answering questions, Gobo could give Take a hike! 
random orders, such as “run up and down the stairs’, B 
“jump in the air twice”, or “sing a famous song”. Just = 
change the text in the “say” blocks to Gobo’s commands. 


You could also change Gobo’s appearance to something 
grumpy to match the mood. 


u n 
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Funny Faces 


You can have lots of fun drawing your own sprites in 
Scratch—you don't have to stick to the ones in the sprite 
library. Creating your own sprites will give your projects 
a unique look. For this project, you can go wild making 
facial features and accessories to invent a wacky face. 


How it works 


This project starts with a blank face surrounded by a 
collection of eyes, noses, and other items that you can y 

; : . ou can add up to 11 
drag into the middle to create crazy expressions. Press eyes, but most sprites 
the green flag to reset the face and start again. are just a single item. 


( Funny Faces ) fu ®© 
by MonsterFace321 (unshared) | 


4 tf Empty face 


_ Bow tie 


ty 


"4 


ea 


_— Mouth 


A Funny, funnier, funniest! 


This project lets you use your creativity and 
imagination to the fullest. You don’t have 
to make human faces. You can make aliens, 
monsters, or anything! 
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Go ahead and create 
as many funny faces 
as you like! 


Type in the name of 
your project here. 


(Funny Faces 
~ 


by MonsterFace321 (unshared) 


S 


silty 


Snotty 
nose 


Tongue 
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Get painting pe 


Dust off your digital overalls because it’s time for some = E 
painting. Scratch has a great paint editor built in, so you 


have all the tools you need to create a mini-masterpiece Pr Me - m 


$ 
$ 
$ 
$ 

$ 


for each body part and item of clothing. 


_ Start a new project and remove the cat sprite 


by right-clicking on it in the sprites list and Í New sprite: & / wa | 
selecting “delete” You're going to make your 
own sprites, so click on the paint symbol / ay A 
Click here to open 


above the sprites list to create the first one. 


the paint editor. 


Use this tool to 
Scratch’s paint editor will now open. center the sprite. 
ay You can use the paint editor to draw 
your own sprites. Make sure “Bitmap 
Mode’ is selected in the bottom right. Undo 


Jo Redo laa 


‘costume ) Oea) | Clear | ada | import | as 
Brush tool __ 17 


Flip 


Š -VR Line tool 
Use this tool mente Rectangle tool 
to fill a shape © 
with color. TNE ‘S_____ Ellipse tool (oval) 
A 


Use this tool 


to select part Edien Eraser 
of a drawing. ~ at 


Color palette 
—_ n ya == 
Selected color B EET Va | X | Q=aQ 


ull En Beene `- 100% 
EE HENEN 
En BEE Bitmap Mode 
1 vonvertiovecor ) 


Line thickness O 


a 


7 
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Click on the brush tool in the upper 

left corner of the paint editor. Then La Brush tool 
click and draw an oval shape to form 

the head for your funny face. The 

middle should be near the small 


cross in the center of the painting area. a It doesn’t matter if it’s a bit uneven, 


but make sure you join the ends 
to make a complete loop. 


Center the shape on 
the small cross. 


Now choose the fill tool, which looks like a 

bucket of paint being tipped over. Click in i 

the color palette at the bottom to choose Fill tool 
a color for the face. Then click inside the 

head to fill it with your chosen color. 


If the color accidentally fills the 
checked background area, click 
the undo button and check the 

outline of the face for gaps. 


Now check where Scratch 
thinks the center of the “costume! | 20 | Clear | Add JI Import | CORDES 
head is by clicking the — 
center tool in the top zA Center tool e 
right. A cross will appear AJ 
on the paint editor—this => 
shows the sprite’s center. = 
You can click to move it. ry 

— 

T 

Ka 

P 

CJ 

The sprite’s 


center 
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Well done—you’'ve created a head! 
As a finishing touch, click the blue 
“i” symbol on this sprite in the 
sprites list and change the name 
to “Head” in the information panel. 


{ Head 


Change 
mal wae 


x:40 y:15 
rotation style: t) e eè 


can drag in player: 


show: M 


name here. 
direction: 90° G 


of the stage when the Funny Face 
project runs. The project will 


aye The head needs to be in the center 


7 
[pa 
=, (Funny Faces 


by MonsterFace321 (unshared) 


me 


position every sprite on the screen 
at the start to keep things tidy. To 
do this for the head, add this script. 


This block sends the head sprite 
to the center of the stage. 


To pinpoint any spot on the stage you can 
use two numbers called coordinates. The x 
coordinate, written first, tells you how far 
the point is across the stage horizontally. 
The y coordinate, written second, tells you 
how far the point is up or down the stage 
vertically. The x coordinates go from -240 
to 240. The y coordinates go from -180 to 
180. The coordinates of a point are written 
as (x, y). The center of the bow tie on the 
right, for instance, has coordinates (215, 90). 


Every spot on the stage has a unique 
pair of coordinates that can be used 
to position a sprite exactly. 


< 
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by MonsterFace321 (unshared) 


(-190, 110) 


(-120, -100) 


(130, 90) (215, 90) 


x 
240 
(200, -80) 


(x:120, y:-90) 


Time to make lots of sprites 


The more different eyes, noses, mouths, ears, hats, and 
accessories your Funny Face project has, the more silly 
faces you can make, so spend some time making as many 
as you can. It’s great fun. You can also find useful items in 
Scratch’s costumes library, such as hats and sunglasses. 
You can skip the drawing stages for those. 


Follow steps 8-13 to create your own items. Click 

8 on the paint symbol / in the sprites list to create 
the new sprite. Use the paint editor tools to draw 
it, following the tips shown on this page. 
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Click the icon to 
create a new sprite. 


Sprites 


New sprite: $ 
¥ 


~ 


nl Ih 


| | 


. Head Eyebrow 
Use the ellipse 


tool to make a 
pig’s nose. 


Nose1 


Use the brush 
tool to create a 
tongue and fill it 
with pink or red. 


Tongue Hair 
Make a bow tie 


with the line tool 
and fill tool and 
then use the brush 
tool to add spots. 


Bow tie Nose2 


Eye 


Hat2 


Sunglasses 


To make round eyes, 
use the ellipse tool 
and hold down shift. 
Fill with white and add 
black spots for pupils. 


Use the ellipse 
tool to create an 
open mouth. Add 
teeth if you like. 


Use the rectangle 
tool to create a 
top hat. 


Look in the sprite 
library for some cool 
shades and silly hats. 
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Remember to set the 
middle of each sprite 


with the center tool. 


Click in the middle 
to set the center. 


Center tool 
Click the blue “i” on each sprite in the sprites list and When you've finished drawing a 
give your creation a meaningful name. Also make sure sprite, drag it across the stage to 
the “can drag in player” check box is ticked so you can its starting position outside the 
drag the sprite around the stage in full-screen mode. face. Don't worry if the sprites 


overlap a bit. 
Type a name for 


A the sprite here. 


È (Eyes ) 


iy x8 y:42 direction: 90° (> Be 1 


rotation style: t) e e 


can drag in player: M 


show: 
Make sure this agl 
box is checked. 
| To make the new sprite appear in the right Go back to step 8 and repeat the 
place when you run the project, use the process until you have all the sprites 
mouse to drag it to its start position and then you want. 


give it a script like this one. The “go to” block 
in the blocks palette will automatically show 
the sprite’s current coordinates. 


Hey, this is 
a loop! 


a Drag this block in from the Motion 


blocks and it will already contain 
the correct coordinates. 
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Now add a plain backdrop. 

14 Look in the stage info area (Clear) Add || import) 
to the left of the sprites list 7 
and you'll see a row of small 
symbols. Click the paint 
symbol / to paint a new 
backdrop. Then choose a 
color from the palette and 
se the fill tool to fill the 
entire white area. 


N 


Fill tool 


Choose a color. 


Bitmap Mode 


Convert to vector 


Click the equals sign to 
zoom out before filling. 


Clones 


You might want to use some sprites lots of 
times—perhaps your face will be funnier with 
ten eyes rather than two. Scratch allows you 

to “clone” a sprite to make fully working copies. 


oo EXPERT TIPS 


Make ten clones of the eye sprite 

15 by adding this loop to its script. 
Now when you run the project 
you can place all 11 eyes! 


Clones work a bit like the “stamp” block you 
used in the Cat Art project. But while “stamp” 
just draws a picture on the backdrop, the 
clone block creates a working sprite. Clones 
can be used for lots of clever things, as you'll 
see in later projects. 


This loop creates 10 
extra eyeballs on top 
of the original. 


This block makes an identical 
copy of a sprite in exactly the 
same position on the stage. 
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Hacks and tweaks 


lE] 
Funny Faces is lots of fun to extend. Create more =æ f 
silly sprites and think about how to make them move. i 
As a finishing touch, you can frame your creation! ‘| 


V Special effects 

Can't see the eyes through the glasses? No 
problem—make the sunglasses transparent 
with Scratch’s ghost effect. You'll find the block 
in the Looks section, where it’s called “set color 
effect”. Change “color” to “ghost” in its menu. 


Increase the number 
to make the sunglasses 
more transparent. 


V Snotty nose 

To make disgusting green snot drip out of 
the nose, create two new costumes for the 
nose with spots of green color. Then add 
these new blocks to make the snot drip. 


Right-click the costume 
and select “duplicate 
to make copies. 


L 


V Spinning tie 

Bring your sprites to life by making them 
move. To make the bow tie spin around, 

add a “forever” loop containing a “turn” block. 


costume1 
53x55 


n" 


costume2 
53x59 


d 


costume3 
53x65 


In the frame 


To create a neat frame around your funny 
face, follow these steps. 


Click the paint symbol / inthe sprites list to create 
a new sprite in the paint editor. Before you start 
painting, open the Scripts tab and give the sprite 
these scripts. They hide the frame at the start and 
make it appear when you press the space bar 

and disappear when you press the “c” key. 


This places the sprite in 
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Run the project to center the sprite. 
Next click the Costumes tab to return 
to the paint editor. Choose black in 
the color palette and use the fill tool to 
fill the white area with black. Then use 
the select tool to draw a rectangle in 
the middle, and press “delete” on your 
keyboard to make a hole. Check the 
stage to see if the frame is the right 
shape and adjust as needed. 


front of the other sprites, 
covering them up. 


Select tool A ; W 


— 
CE 


& N Fill tool 


a TRY THIS 


Now run the project. Make a silly face and then 
check if you can make the frame appear and 
disappear with the space bar and “c” key. 


You can use this project to create 
anything from snowmen and Christmas 
trees to monsters and aliens! 


by MonsterFace321 (unshared) 


Art 


Birthday Card eras ae 


in full-screen mode. 
Who wants an ordinary birthday 
card when you can have an "ml, (Birthday Card 
animated feast for the eyes and e ed 
ears? Scratch is the perfect tool 
for making a birthday card. This 
card has singing sharks, but you 
can adapt the project to make 
someone a unique card. 


When you run this project, a 
mysterious flashing green button é 
appears. Press the button and an l —_—_—_—_—_—_—_— 
animated birthday card fills the ! Happy birthday ! 
screen, complete with singing sharks. mya 

The sharks take turns singing the es 

lines of the “Happy Birthday” song. 


A = 

Cet F 

„E; (Birthday Card ) Bs © 
by PartyPlanner120 (unshared) 


PRESS ONLY ON YOUR BIRTHDAY! 


Click the button to open The sharks drop in from the top 
the birthday card. and then sing “Happy Birthday”. 


A balloon-filled backdrop The animated sign at the 
sets the scene. top rocks from side to side. 


a 
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~o 


The cake slides into view 
from the edge of the stage. 


A Gliding around 

This project uses the “glide” 
block, which makes sprites 
move smoothly around 

the stage. You need to use 
Scratch’s coordinates system 
to set the exact start and 
finish point of each glide. 

If you can’t remember how 
coordinates work, see the 
Funny Faces project. 


A Keeping time 

Like Animal Race, this project 
uses messages sent from one 
sprite to another to control 
the timing of scripts. The 
singing sharks send messages 
back and forth to time their 
lines of “Happy Birthday”. 


Birthday button 


To avoid spoiling the surprise of the card, all 


that appears when the project is run is a message 


and a button for the birthday person to press. 


Start a new project. Remove the > 
cat sprite by right-clicking on it 

in the sprites list and selecting 
“delete”. Load the Button1 sprite 

from the sprite library. 


Button1 


Add these two scripts to Button1. The first one makes 
the button appear in the center of the stage and flash 
invitingly when the project starts. The second one 
runs after the button is clicked, making the button 
disappear and sending a message to launch the rest 
of the card. After adding the “broadcast” block, open 
its pop-up menu, choose “new message”, and call the 
message “Go!” 


This block positions 
the button in the 


eae — 


This makes the 


with changing colors. 
Once clicked, the 


button disappears. 


This sends a message 
í that triggers scripts 


in other sprites. 


Choose “other scripts 
in sprite” here. 


[ Surprise! i 


_ To add the sign saying “PRESS ONLY 
a3. ON YOUR BIRTHDAY!" you need to edit 
the backdrop. First select the stage 
by clicking the small white rectangle 
to the left of the sprites list. Then 
click the Backdrops tab above the 
blocks palette. 


Stage 
1 backdrop fe 
New backdrop: 


ka / nl GS 


Click this tab to 
edit the backdrop. 


Scripts Backdrops 

ij Motion p Events 

[tooks “Control 
i Sound | Sensing 

ij Pen al Operators 

il Data i More Blocks 


Ey 

E 

E 
BIRTHDAY CARD 


4 Scratch’s paint editor will now open. Choose the text tool T and click 

in the large white area, about a third of the way down. Type the words 
“PRESS ONLY ON YOUR BIRTHDAY!” If you want to retype the message 
for any reason, use the select tool to draw a box around the text and 
press delete on your keyboard before starting again. 


New backdrop: ; ; j : 
4 backdrop1 | 9| | Clear || Add | Import (ta1)5a\2\+4} 
ð / ai Gi 
L 
i 
= 
© | 
ee PRESS ONLY ON YOUR BIRTHDAY! ` 
480x360 a> | 
` 3 | 
P 
Text tool i ey 
de 
Select tool 
Font: | an Vá ES Q=aQ 
Helvetica v En BOB —2 J 100% 
EE HEEEE , 
HE HERET Bitmap Mode 
ia -l ( Converttovector | 
Font menu 
5 You can choose a font using the font __ Use the select tool to resize or move 
E menu at the bottom left of the paint editor. the text until you're happy with it. 
“Mystery” works well for a birthday card. 
Resize the 
text with 
| these boxes. 
Font: D | 
Helvetica v oisg 
Gloria f : a 
PRESS ONLY ON YOUR BIRTHDAY! 
Helvetica ! 
Marker 7 p Click and drag 
this circle to 
Mystery 


move the text. 
Scratch 


| For the card itself you need a different 

# backdrop. Click the backdrop symbol lal 
in the lower left of the Scratch window to 
choose a new backdrop from the library. 
Then select the “party” backdrop. 


ial / Yan] KS 
Click here to open 


the backdrops library. 


This block shows the 
white backdrop. 
The “party” backdrop 


selected in the lower left of the Scratch 
window and not one of the sprites. 
Click on the Scripts tab above the 
blocks palette and add these scripts 
for the stage. Now try running the 
project and see what happens 

when you click the button. 


8. Make sure you still have the stage 


Enter the cake 


What else does a birthday need 
besides a card? A cake! Click on the 
sprite symbol @ in the sprites list and 
add the Cake sprite to the project. 


Cake 


Stage 
1 backdrop 


New backdrop: 


when the button is pressed. 


zmn 


Once the button is pressed, the card opens. The 
button’s script broadcasts the “Go!” message to 
all the sprites to trigger the animations and music. 


Before you create the cake’s scripts, you need to 
load the birthday song. Click the Sounds tab at the 
top of the Scratch window and then the speaker 
icon IÉ to choose a sound from the library. Select 
the sound called “birthday” and click “OK”. 


Click 


vy here first. 
( Scripts Y Costumes Y Sounds 


New sound: 


C€ ela 


Then click here to 
open the sound library. 
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We want the cake to slide in 
from the left, starting from a 
position off-stage. If we send 
the cake to the edge of the stage 
(-240, -100), half of it will show 
because that’s the position 

of the cake's center. You can’t 
send a sprite completely off 
the screen, so we'll send it 

to (—300, -100), so that only 

a tiny bit shows. 


E, ( Birthday Card 


by PartyPlanner120 (unshared) 


The starting position of 


the cake (-300, -100) ty H 


The final position 
of the cake (0, -100) 


Add these scripts to the cake to hide it when 

the project runs, and then make it glide in 

from the left when the green button is pressed. a 

Note that the cake broadcasts a new message position ofthe left 
£ of the stage. 


called “Line1” Later you'll use this to make 

one of the sharks sing the first line of 

“Happy Birthday”. 
To begin with, the This block makes 
cake is hidden. the cake slide to the 


center of the stage. 


Choose “new message” 
in the menu and 
call it“Line1”. 

The song repeats after 

a ten-second pause. 


This is the cake’s starting 


Choose cake-a to make 
sure the candles are lit. 


Birthday banner 

The next thing needed for a party 
atmosphere is an animated birthday 
banner that rocks back and forth. 


The banner will be a sprite, but this time you'll create a (On ' 4 
3 new sprite by painting it rather than loading it from the Sprites New sprite: & / wl A 
library. Click the paint symbol / in the sprites list and 
the paint editor will open. A new sprite will appear in 


the sprites list. Click the blue “i” symbol on the sprite 
and rename the sprite “Banner”. 


Button 


Banner 


Draw your birthday banner in the paint editor. Use the 

14 rectangle tool to create the banner, either as a solid color 
or just an outline. Then use the text tool to add the words 
“HAPPY BIRTHDAY!” Try whichever font and colors you 
like. Use the select tool to position the text or trim the 
banner to fit. 


Click here. 


( costume? ) oe) (clear || Add | Import " (|| 6a [Be + 


Center tool 


Rectangle 
tool 


Text tool 


Choose colors 


Selected color here. 


E 

X 

A 

T 

Ka 

a 

ig 

i 

Outline _ A J 

O 


J cA amm 
; | - =) 100% 
nioni 
in EETEENEE Bitmap Mode 
Solid color 
BH BOMBS ( Convert to vector ) 
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15 Click the center tool -+ in the top right of the paint 

editor and then click in the very center of your 
banner. This is important because the banner’s 
script will make it rotate around this point. 


T 


Use this tool 
to set the 
costume’s center. 


Now select the Scripts tab and add the banner’s 
two scripts. These keep it hidden until the 
button is pressed and then jiggle the banner 
around. Run the project to check it works. 


Scratch uses degrees to set the direction 

of sprites. You can choose any number from 

-179° to 180°. Remember, negative numbers 
ae nie point sprites left and positive numbers point 

coordinate if your Ki iah 5 iah ð 

banner is too high them rig t. Use 0° to go straight up and 180 

on the stage. to go straight down. 


Reduce the y 


-90° moves a 0° 
sprite straight 
to the left. 


eT 


-90° 90° 


t= 


180° moves a 


The banner starts sprite straight 
off tipped a little 180° down. 


counterclockwise. 


— 


clockwise. blocks to make the 


banner turn. 


counterclockwise. 


Singing sharks 


What's the perfect finishing touch to a birthday surprise? 
Yes, of course—singing sharks! The two sharks will take 
turns singing by sending messages to each other after 


each line of the song. 


Click the sprite symbol @ in the sprites list 
and add the shark sprite to the project. You'll 
need two sharks, so rename the first one 
Shark1 by clicking on the sprite’s “i” symbol. 


Click here 
to rename 
the sprite. 


Shark1 


Now give Shark1 this script. When the project 
runs, Shark1 is hidden but takes its position in 
the top left of the stage. When it receives the 
“Go!” message, it reveals itself and glides down 
to the bottom of the stage. 


4 


The shark 
starts out with 
a costume 
that has its 
mouth closed. 


4] z 


. To create the second shark, right-click (or 
control-click) on the first shark and select 
“duplicate”. The new sprite will be named 
Shark2 automatically. 


duplicate 


Shark1 


Add this script to Shark2. Run the project 
to test the sharks. 


This makes the 
shark face left. 
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a Time to get the sharks singing. Remember the loop belonging to the cake sprite 

E that plays Happy Birthday? It sends the message “Line1” every time the song 
starts. Add the scripts shown on the left to Shark1 and the scripts on the right 
to Shark2 to make them react to the message. More messages make them take 
turns to sing each line. You'll need to create new messages for each line of the 
song. Name them by using the drop-down menu in the “broadcast” blocks. 


Shark1 


Shark2 


Type the name of the 
birthday boy or girl in 
this block. 


wm The birthday card is now complete. 
[ Click on the full-screen symbol 
above the stage and run the project 
for the birthday boy or girl! 


Hacks and tweaks 


You can customize your card for different people 
and occasions. Instead of using singing sharks, 

you could try singing lions, penguins, elephants, 
or ghosts. Change the song to “Merry Christmas” or 
“Jingle Bells” and replace the balloons with snowy 
Christmas trees if you like. Feel free to experiment. 


V Fading in V Supersize your sprite 

The sharks drop from the top when they appear, Another way to make a dramatic entrance is to 

but you can use Scratch’s special effects to create start tiny and grow into a giant. Put a “change size 
a more dramatic entrance. To make an invisible by” block in a “repeat” loop to create this effect. You 
sprite fade in slowly, for instance, use the “set could also try making your sprite spin as it grows, 
ghost effect” block in the script shown here. or add a “change whirl effect” block to turn it into 


a crazy whirlpool. 


Put a “change ghost effect 
by” in a“repeat” loop to 
make a sprite fade in. 


A Adding photos 

Why not try importing a photo of the birthday boy 
or girl into the project? You can upload any picture 
you like to make a new sprite by clicking the upload 
symbol & in the sprites list. But don’t share projects 
containing people's photos without their permission. 


a ] 
Happy birthday 
“ a p 


G Scripts ie Costumes i Sounds 
New sound: 
rA 
C 3 a 
Record a } — Upload a sound 
sound 


A Adding sound 

You don't have to use Scratch’s built-in sounds and songs— 
you can add your own music or record your very own version 
of “Happy Birthday’ if you want. Click the upload symbol wi 
in the Sounds tab to add a sound file from your computer. 
Click the microphone symbol € to record your own sounds. 
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See if you can figure out how to make 
the sharks move up at the end of the 
“Happy Birthday” song and then come 
back down when it’s time to sing again. 
Don't forget to work on a separate copy 
of your project so you won't lose the 
original if things go wrong. 


A Birthday dancers 

Why not reuse some of your dancers from the 
Dino Dance Party in your birthday card? If you 
do, adjust the timing of the costume change 
so they dance in time to the music. 
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Spiralizer 


Try out this spinning spiral project. 
Change the patterns using special 
sliders to alter the values of variables 
in the code. You control the art—the 
possibilities are endless! 


How it works 


This simple project has only one sprite: a 
colored ball, which stays in the middle. 
Scratch’s clone blocks make copies of the 
ball that move outward in straight lines. 

A spiral pattern forms because each clone 
moves in a slightly different direction, like 
water from a garden sprinkler. The Scratch 
pen draws a trail behind each clone, making 
colorful background patterns. 


Adjust the sliders to a 


change the look 


——— of the spiral. 
= 


Wow! This project has 


got me in a spin. 


ias Scratch’s built-in pen, 


which lets any sprite draw. 


Each cloned ball flies in _ 


a straight line from the 
center to the edge. 


a Each line is drawn using —— W 


Click the icon to 
make the spiral 
_— fill your screen. 
S 


of 


v- 


„E, (Spiralizer 


by SpiralAttack (unshared) 


Angle 10 


A 


PA 
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The clones’ different The ball in the center 
directions make is the original sprite; Te 


_ them form a spiral. _ all the others are clones. 


"Fut. "Fut. 


A Clones 

Clones are working copies 
of sprites. When a clone is 
created, it appears on top 
of the existing sprite and 
has the same properties, 
such as direction, size, 
and so on. 


A Scratch pen 

Every sprite can draw a 
trail behind it wherever 
it goes—just add the 
dark green “pen down” 
block to its script. Try out 
the other blocks in the 
Pen section of the blocks 
palette to change the 
pen’s color, shade, 

and thickness. 


Ball clones 


Scratch allows you to create hundreds of 
clones from a single sprite, filling the stage 
with action. Each clone is a fully working 
copy of the original sprite but also runs 

a special script that only affects clones. 


Add this loop to make clones of the ball. 
When you run this script nothing much will 
appear to happen. Actually, it’s making lots 
of clones of the ball sprite, but they’re all on 
top of each other. You can drag them apart 
with the mouse (but only in editor mode, 
not full-screen mode). 


This shrinks 
the ball. 


This block moves 
the ball to the 
center of the stage. 


Each time this 
block runs, a new 
clone is made. 


Start a new project. Remove the 
cat sprite by right-clicking on it 
and selecting “delete”. Load the 
ball sprite from the sprite library. 
The ball has several different 
coloured costumes. Click the 
Costumes tab and choose the 
colour you like best. 


Ball 


To make the clones move, add this second script to 
the ball sprite. Every new clone will now run its own 
copy of this script when it appears. The script makes 
the clone move away from the centre in the direction 
the parent sprite was pointing when it was cloned. 
Run the project. 


[> What’s going on? ww 
The parent sprite changes its e 
direction a little before each cloneis 3 
created. As a result, the clones move % P 
off in slightly different directions, ©. ae 
one after another. Each clone travels 

in a straight line to the edge of the 

stage, making the clones form an 


ever-expanding spiral pattern. 


° G) 
ET T 


The clones stop appearing after awhile because 


rm’ eal; 
a_i Spiralizer 


Scratch won't allow more than 300 clones on 
the stage at once. Any instructions to make new 
clones after this are ignored. The clones stop 
forming at the center and all the existing clones 
collect around the edge of the stage. 


Once there are 300 
clones on the stage, no 
more clones are created. 


by SpiralAttack (unshared) 


The clones 
collect at the 
edge because 
the “move” 
o block can’t 
take a sprite 
completely 
off the stage. 
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To fix this problem, add an “if then” block inside the To make the spiral show up better, add 
5. clone’s “move” loop to delete the clone when it gets 6 a black background. Click the paint 

to the edge. Run this version. Now the balls should symbol / in the stage info area to the 

disappear at the edge as fast as they are made, and left of the sprites list to create a new 

the spiral should continue for as long as you want— backdrop. Use the fill tool to paint 

Scratch will never reach its clone limit. the backdrop solid black. 


Is this clone touching 
the edge of the stage? 


Add this “if 
then” block 
inside the loop. 


Just as you can make clones, 
you can destroy them. 


Taking control 


There are two numbers in the ball’s scripts that you can change to alter F.. 
the spiral’s appearance. One is the change in the angle before each new = E 
clone appears. The other is the number of steps in the “move” block, 
which determines the clones’ speed. If you create variables for these 
numbers, Scratch lets you add a slider control to the stage so you can a a 
change them while the project is running. This makes experimenting easy. a 


7 Select the ball sprite in the sprites list. 


Type th iable’ 
Choose Data in the blocks palette and a Sie liana 


: name here. 
then use the “Make a Variable” button 
to create two variables. Name them - = 
“Angle” and “Speed”. New Variable 
Click here to open the Variable name: Angle 


“New Variable” window. 


@ For all sprites O For this sprite only 


( Make a Variable Click “OK”. 


{ Make a List | J ok | | Cancel | 
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Keep the variables | 
8 checked in the blocks Spiralizer 

palette so that they appear by SpiralAttack (unshared) 

on the stage. 


The variables are shown 
on the stage like this. 


Angle 
Speed 


Leave the checks 
in these boxes. 


fF Now change the ball’s These blocks set the 
9 | scripts to use the variables. set | Angle 7 | to [10] starting values for 


“Angle” and “Speed”. 


set [Speedy] to [2] K 


when lon clicked 


set size to % Insert the “Speed” 
variable block into 

go tox: y: the “move” block. 

© © when I start as a clone 
forever 
forever Speed N 
create clone of | myself v 
[myself v | Rell ae 


turn degrees 
oo ar if touching ? then 


Angle X 


delete this clone 


Insert the “Angle” variable 
block into the “turn” block. a, 


a a | 2 
SPIRALIZER È EN 
Run the project and everything should Both variables will now have a slider control. 
work just as before. Right-click on the The sliders let you instantly change the values 
“Angle” variable on the stage and select stored in the variables. Run the project and 
“slider”. Do the same for “Speed”. try moving the sliders. The patterns of the 


ball clones will change instantly. 


Angle Gon 
normal readout 
spec? a F Move the two sliders 
large readout } 
[m 


— slightly apart on the 
stage so that you can 
see them fully. 


slider Ls 
hide 


the value of this variable. 


a Now try experimenting 
& with different values. 


Angle 3, Speed 1 Angle 3, Speed 30 Angle 49, Speed 5 


When the space bar is pressed, 
every clone runs this script 
_— and deletes itself. 
9 You might find it handy to clear the stage of clones 
13 from time to time, so add this script to turn the 
space bar into a clone destroyer. Each clone runs 
all the ball sprite’s scripts except the one headed 
by a green flag, so this script will affect every clone. 


Run the project and tap the space bar to try it out. 


100 art 
The mighty pen 


Every sprite in Scratch has a magic pen built in. If you 
switch the pen on, it will draw a line wherever the sprite 
goes. Every clone has a pen too, so by turning them on 
you can create some amazing art in your spiral project. 


14 If you activate the pen for the original sprite, it 

will be activated for every clone (clones inherit 

everything from the parent sprite the moment 
they're created, such as size, direction, color, 


set to |7 
costume, and so on). Add these green blocks am 
to activate the pen for every clone. set to [2] 


This block removes Rm 
all pen trails so the | go tox: y: © 
eee Ewell: p Egi 
my forever 
a clear 
This activates craataiclone of 
re r ap set pen size to e = l = 
at ever f: t 
clone ee turn C v _ Angle _ degrees 
a trail. __ 7 (an down N Type 1 in here ey h A 


for a thin pen. Tap 


15 Run the project to see a beautiful display. You can use 


the sliders to try different numbers. Odd numbers work When many lines are drawn close to 
each other, imperfections line up 


and make strange swirls called 
Moiré patterns. 


well for “Angle”—try 7 or 11—because the whole pattern 
moves around a little each time, filling the space and 
creating interesting effects. 


Angle E 
Speed EZA 


16 Add a “clear” block to your clone- 
destroyer script. This makes the 
space bar wipe the stage clear 
of everything, creating a blank 
canvas for your art. 


pen color for each clone so that 
each one draws in a new color. 


17. As a final experiment, change the 


when pu clicked 


set to 
set to [2] 


forever 


create clone of | myself v 


aa 


delete this clone 


Insert this block 
to change the pen 
color for each clone. 


when key pressed 


pe 


lcan spin 
a rainbow! 
E u 
a a 
a 
| E 
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Insert a “clear” 
block here to 
remove all pen 
traces from the 


stage. 
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18 Run the project and explore the range of effects Pan ee 
you can create by changing the sliders, the pen n Play with the sliders to see 
size, and the pen’s color change. Try thicker E E what stunning visual effects 


pen sizes and see what happens. Don't forget you can make. 


you can clear up by pressing the space-bar. : 2 


Spiralizer Spiralizer fu D 
by SpiralAttack (unshared) by SpiralAttack (unshared) 
Angle 0m 
Speed =a e 


Pen size = 1, Angle = 10, Speed = 2 Pen size = 1, Angle = 31, Speed = 10 


by SpiralAttack (unshared) 


Spiralizer fu © Spiralizer By @ 
by SpiralAttack (unshared) 
Í Angle Angle any 


Speed e, Speed =e | 


Pen size = 10, Angle = 10, Speed = 2 Pen size = 100, Angle = 10, Speed = 2 
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Hacks and tweaks ES 
The spiral generator is perfect for customizing. nee al 


Here are some more suggestions for changes, 
but don’t be afraid to experiment with the code 
and try your own ideas. You could even adapt 
the project to make a game in which the player’s 
sprite has to dodge the flying balls. 


© Color control PenChange ow 
You could make a new variable, “PenChange”, O 


with its own slider (as in step 10) to control how 


quickly the lines change color. Insert the new 
variable block in the “change pen color” block. Slider Range Change this 


Then right-click on the slider to set the range. (If to minus 10. 

you give the “Angle” slider a negative minimum, Min: 10 

you'll be able to reverse the spiral’s direction.) Max: 10 Change 
S this to 10. 


OK Cancel 


Make a variable called 


“PenChange” and add 
it to the green block. When you find a great 
spiral, copy the numbers 


from the sliders to make 
your preset code. 


> Favorites 

You can create keyboard 
shortcuts to set the spiral’s 
variables to your favorite 
patterns. Then simply hit 
the keyboard shortcut to 
show someone your most 
dramatic creations. 


V Turn it into art 


Add these scripts to hide the balls and sliders 


when you press the down arrow key and 
bring them back with the up arrow key. You 


can save the picture as an image file on your 


computer by right-clicking on the stage. 


when key pressed 


hide 


hide variable 


when key pressed 
show } 


show variable| Angle v] 
show variable| Speed ¥| 


hide variable N 


This block 


hides all 


Remember that 
these scripts run 
for all the clones 


on the stage. 


Tam? T 
m, (Spiralizer 
by SpiralAttack (unshared) 


Angle 10 


the clones. 


These hide 
the sliders. 
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by SpiralAttack (unshared) 


<1 Ball control 

Instead of generating clones in a spiral pattern, you 
can make them follow the mouse-pointer. Just replace 
the “turn” block with a “point toward mouse-pointer” 
block. Now try painting with the mouse. 


Clones shoot out from 
the center toward the 
mouse-pointer. 


GEN- ES 
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[> Sunset (r 
UMW, (Spiralizer 

You can drag the original ball sprite anywhere on by SpiralAttack (unshared) 

the stage and then hit the space bar to clear the 

old pattern. See if you can create the artificial sunset 

pattern shown here. Hint: you'll need a pen size of 1 

and the “Angle” variable set to 7. Don't forget there’s 

a “go to” block in the code that will reset the position 

each time the project is run—you can take that block 

out or change the coordinates once you've found 

a good sun position. You could even add another 

full-sized ball sprite in yellow to be the sun. 


va a" TRY THIS 


Experiment with clones to get a feel for how in a“go to x: y:” block to see some crazy effects. 
they work. Start a new project and adda clone You can even add some keyboard controls and 
creation loop to the cat and give each clone a sound effects for fun. Once you've mastered 
simple script to run when it starts. Experiment clones, you'll find you can do all sorts of things in 
with a “pen down” block or put random numbers Scratch that are almost impossible without them. 


== 
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Fantastic Flowers 


Create a virtual meadow and fill it 
with colorful flowers. In this project, 
you'll learn how to make your own 
customized Scratch blocks. Each time 
one of these runs, it triggers a special 
script called a subprogram, which 
paints a flower. 


When you run the project, a flower appears 
wherever you click the mouse. Scratch uses 
a simple ball sprite and a “stamp” block to 
draw each flower. The ball stamps an image 
of itself to create each petal, moving back 
and forth from the flower’s center each time. 


— @ 


A Subprograms 

Scratch lets you create your own custom blocks 
to trigger scripts that you've built. Then, instead 
of repeating the whole script each time you need 
it, you simply use the new block. Programmers 
use this trick all the time and call the reused 
code a subprogram. 


A Adding inputs 
You can create blocks that have windows 
for inputting numbers or other information, 


like the example shown here, which lets 
you set the number of petals. 


Type the name of 
the project here. 


a r 
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Each flower is created with Create your own backdrop 
a custom “draw flower” block. for the flowers. 


You can choose the colors 
and number of petals or 
randomize them. 


Another custom block 
draws flower stalks. 


Ma ke a flower _ Start a new project. Remove the 
cat sprite by right-clicking on it 


Follow these steps to make a script and selecting “delete” Click on 

that creates a flower when you click the sprite symbol and load the 

on the stage. Once it’s working, you ball sprite from the sprite library. 
` The ball is the building block for 

can reuse the script to make the making each flowet. 

special flower-drawing block. 


| Build and run this script to draw a simple flower with 
five petals. The loop runs five times, drawing a ring 

of petals centered on the ball sprite's starting position. 
Each petal is a “stamp” image of the ball sprite. 


The ball moves in the 
current direction a little 
and stamps a copy of itself. 


It moves back It then turns to face a new 

to the center. direction. There are 360 degrees 
in a full circle, so each turn is 
one fifth of a circle. 


The “repeat” loop 
stamps five petals. 


The "stamp" block after the 
loop makes the flower’s center. 


Computers are very good at math. You can Subtract 


use the green Operators blocks in Scratch to 

do simple addition problems. For more complex 
calculations, you can put Operators blocks inside 
each other or combine them with other blocks. 


If blocks are put inside each other, the computer ae 


Divide 


Mutipiy (Computers usually 


use a * sign to e confusion 
with the letter x.) 


works from the innermost blocks outward, as if 
the inner blocks were in parentheses. 


e 
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More blocks 


The next step is to turn the flower-drawing 
code into a flower-drawing block. You 

can then use this block to grow flowers 
wherever you want. 


_ To make a new Scratch block, select More 
| Blocks in the blocks palette and click “Make 
a Block”. A window will open up. Type in the 


Type the name of 
name of your new block: “draw flower”. 


the new block here. 


Scripts { Costumes af Sounds | f New Block y 
Click here to 

F Motion Events create the 

| Looks - Control new block. [araw fiower] 

i Sound Í sensing 

q Pen F Operators > Options 

|) Data 

| Make a Block ) | OK ) ( Cancel ) 


Once you've clicked “OK”, you'll see the new 
block under More Blocks. Before you can use ( Make a Block ) 
it, you'll need to create the script it will trigger 


In the scripts area you'll see a new “define” 
J| header block with the same name as the ; 
block you've just created. Move the flower De Iere ANS DOEK: 


script under this header. The code will now 
run whenever the “draw flower” block runs. 


Drag the script to 
the "define" header. 


Next, build a new script to use the “draw flower” Run the project and click around the 
block. When you run it, you can draw flowers with 
a click of your mouse. 


stage to create a patch of flowers. 


w, { Fantastic Flowers ) Pa @ 
The blocks inside the “if then” Py Buttereue unshared) 


block run only when the 
mouse button is pressed. a eg 


This block works as if the Wherever you 
whole script under the “define” click the mouse, a 
header was squeezed in here. flower appears. 


__ The stage will soon fill up, so make a flower-eraser 
script to clear away the flowers when you press 
the space bar. 


This removes images 
stamped on the background, 
but not the original sprite. 


“Le” EXPERT TIPS =a 


Good computer programmers always 
break up their programs into easily 
understandable chunks. Code that 
does something useful that you want 
to reuse within the program is moved 
into a “subprogram” and given a name. 
When the main script runs, or “calls”, 


a subprogram, it’s as if the code in the ‘ 
subprogram is inserted at that point. 

Using subprograms makes programs 

shorter, easier to understand, and 


simpler to change. Always give your 
custom blocks helpful names that 
describe what they do. 


Scratch’s custom blocks 
are subprograms. 


Paint by numbers 


If you wanted to make a lot of identical flowers, you 
could simply draw a flower sprite. The real power of 
custom blocks comes when you add inputs to them 
to change what they do. To make flowers of different 
colors with different numbers of petals, you can add 
input windows to the “draw flower” block. 


To add an input window to 
control the number of petals in 
flowers, right-click (or control/ 


shift-click) on the “define” 
header block and choose “edit”. 


A window will open up. Click on 
“Options” and then select the 


symbol next to “Add number input”. 


Choose this option. 


Edit Block 
wv Options 


Add number input: 


CI 
Add string input: (= ) 
(Cæ ) 


Add boolean input: 


Add label text: 


Run without screen refresh 


[ OK ) [ Cancel ) 


An input Window now appears in the Edit Block 
block. Type “number of petals” into 
this window and click “OK”. (x) 


w Options 


Add number input: 


Add string input: 


Add boolean input: (æ ) 


Add label text: text 


Run without screen refresh 


[ok } (cancel } 


You'll now see a dark blue “number of petals” block 
in the header block. You can drag copies of this off 
the header block and drop them in the script. Drag 
and drop copies into the “repeat” and “turn” blocks 
where the number of petals (5) is mentioned. 


A new block appears 
inside the header block. 


Drag the “number 
of petals” block into 
these two places. 


ey 
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B Look at the “draw flower” block in your script 


Run the project and click on the stage. 
and you'll see that an input window has 


Your flowers should have seven petals. 


appeared. The number you type here will be Don’t forget—you can clear the stage 
used in the define script wherever “number by pressing the space bar. 
of petals” appears. Type in the number seven. 


Type 7 here. seven petals each. 


For more variety, insert a “pick random” block Now add extra inputs to change the color of 
into the “draw flower” block instead of typing the petals and the flower’s center. Right-click 
in the number of petals. Try it again. on the “define” block again, choose “edit”, open 


“Options”, and then add two number inputs 
called “petal color” and “center color”. 


Click here if you want to 
delete an input window. 


Edit Block 


Options 


Add number input: 
Add string input: 


Add boolean input: 


eal 


Add label text: text 


Run without screen refresh 


Type 5 and 10 into the “pick 
random” block to set the 
minimum and maximum 

number of petals. 


Add two new blocks to set the petal and 
flower-center colors. Remember to drag the 
correct blue blocks onto these from the header. 


pacts dian flower 


Now add a “clear” block to the main 
18 script and type the numbers 6, 70, 
and 100 into the “draw flower” block 
to make six-petaled blue flowers. 
Run the project to check it works. 


Add this block to clear 
the stage when you 
run the project. 


Color of flower center 


Number of petals Petal color 


e 
. a 
FANTASTIC FLOWERS 


You can make all your flowers different by 
using random numbers for each input in = n 
the “draw flower” block. 
5 ba 
a aces 


In Scratch, colors go 
from -100 to 100. 


20 Run the project and click around 


| p | z 
the stage to make a flower ım, (Fantastic Flowers Ba @ 


by Buttercup (unshared) 


garden. Don't forget you can press 
the space bar to clear the stage. 


Don’t forget to save your 
work from time to time 
if you use Scratch offline! 


to 


Flower stalks 


Real flowers grow on stalks, so follow the next few steps to 
add stalks to your virtual flowers to make them look more 

realistic. Using custom blocks makes the code easy to read 
so you always know what's going on. 


; Choose More Blocks in the blocks palette and then 
21 click “Make a Block”. Call the new block “draw stalk”. 
After you've typed the name of the block, open the 
Options menu and add number inputs for the length 
and thickness of the stalk. Then click “OK”. 


( Scripts Costumes Edit Block 
F Motion | Events x] 
[om (ara ea mS) 
F sound P sensing 
ii Pen ñ Operators w Options 
| Data | MoreBlocks | Add number input: 
Add string i t: 
| Make a Block ) lai 


_ Build this script below the “define” header block. 
Drag the “length” and “thickness” blocks from 
the header to where they’re used in the script. 


aa To set the pen color, click here 
and then click on something 
green in Scratch. 


This moves the sprite 
straight up the stage. 


Next, add the new “draw stalk” block to the 
main script. Fill in the numbers to set the 
stalk’s length to 100 and its thickness to 5. 


Stalk length 


oom T 


3. Run the project. You can now make a whole 
24 meadow of colored flowers. Experiment 
with different numbers in the “pick random’ 
blocks to change the look of your flowers. 


1 
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For a finishing touch, add 
a backdrop for your flower 
meadow. You can paint 
your own backdrop by 
clicking the paint symbol 
/ to the left of the sprites 
list. Alternatively, click the 
backdrop symbol kg to 
load one from the library. 


blue sky 
492x367 


playing-field 
480x360 


Hacks and tweaks S a 


Feel free to experiment with the code to change the  ~~- aie - 
color, size, and shape of the flowers as much as you OF 
want. You don’t have to use the ball sprite as the Give your petal 
template—try creating your own templates to generate ATi outline if 


more interesting shapes. With a little imagination you 
can create all sorts of beautiful scenes. 


© Different petals 

Why not use the costume editor to add a different 
petal to the flowers? Click on the Costumes tab 
and add a new costume with the paint symbol /. 
Oval petals work well. You'll need to add blocks 


to the “define draw flower” script to swap between E 


the petal costume and the ball-a costume for the 72x22 
flower’s center. 


V Flowers everywhere 

Try swapping the main script for this one. It draws 

flowers in random places automatically, eventually 

covering the stage with them. Think about how 

you could add position inputs to the “draw flower” 
The chosen ranges block—you'd need to add x and y inputs and add 


keep the flowers ago to" block at the start of the block's definition. 
away from the edges. 


ry 
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Different sizes 
By adding another input to the “draw flower” aly Right-click the “define” header to edit it and 


block, you can control the size of your flowers. add a new input called “scale”. Make the 
changes shown below to the script. When 


You can also make the meadow look more 3D 4 ; a " 

. , , scale is set to 100 in the “draw flower” block, 
by making the flowers smaller if they're near the flowers are drawn at their usual size. 
the top of the stage, as though further away. Smaller numbers will produce smaller flowers. 


Add this block to set 
the sprite’s size. 


Edit the header block 
to create a new input. 


This sets how far the 
petals are from 
the flower’s center. 


stamp Now change the main script so it looks like this. 
Look carefully at the calculations for the stalk 
length and width and for the flower size. Y is 180 
Stalk length is 20 at the at the top of the stage, so flowers farther down 
top of the stage and the stage will be larger, with longer, thicker stalks. 
140 at the bottom. If you click from the top to the bottom of the 
stage, you will get a 3D effect, with small flowers 
at the back and larger ones at the front. You 
could also use a loop to automatically draw 
flowers from top to bottom, or variables with 
sliders to set the flowers’ properties. 


Make the subtraction 
block first, then insert 
it into the divide block. 


Stalk width varies 
from around 1 to 8. 


Flower size is 30 at the top of the 
stage and 210 at the bottom. 


Games 


Tunnel of Doom 


Scratch is the ideal playground for making and 
perfecting games. To win at this game, you need 
a steady hand and nerves of steel. Take the cat 
all the way through the Tunnel of Doom, but 
don’t touch the walls! For an extra challenge, 
try to beat the best time. 


Use your mouse to move the cat all the way through 
the tunnel without touching the walls. If you 
accidentally touch a wall, you go back to the start. 
You can try as many times as you like, but the clock 
will keep counting the seconds until you finish. 


<l Cat sprite 

Once the mouse-pointer has 
touched the cat, the cat follows 
it everywhere. You don’t need 
to use the mouse button. 


<1 Tunnel 

The tunnel maze is a giant sprite that 
fills the stage. The tunnel itself isn’t 
actually part of the sprite—it’s a gap 
that you create by using the eraser tool 
in Scratch’s paint editor. If the cat stays 
in the middle of the path, it won't be 
detected as touching the tunnel sprite. 


<1 Home 
When the cat touches the home sprite, 
the game ends with a celebration. 


? 
ES 
f 


The cat starts here. 


Tunnel of Doom 
by DirtDigger465 (unshared) 
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Do you dare 
to enter the 
“Tunnel of Doom”? 
Will your time 
Time in seconds be the fastest? 


~o 


Reach home to 
win the game. 


You can draw 
a tunnel in any 
shape you like. 


Move the cat 
with your mouse. 


If you touch the 
tunnel wall you get 
sent back to the start. 


Set the mood 1 1 


Start by setting the scene for the game with some appropriate J 

music. You can choose any music you like from the sound 

library in Scratch by following the steps below. wie J 
= a 


Start a new project. Let the cat sprite stay, E aye 
but change its name from Sprite1 to Cat 


to keep things simple. 


Click here to bring Type “Cat” as the 
up the sprite’s new name. 
information. 
l 
Èo ( Cat ) 
x84 y:-69 direction: -90° (+ 


rotation style: t) e eè 


can drag in player: O 


Sprite1 show: M 


Click here to listen to a 
sound before you load it. 


Before building any scripts, add m J = 
some music to create the right Sound Library 
atmosphere for the game. Click on 


the Sounds tab above the blocks 


Categor 

palette and then on the speaker eki P3 P 
symbol 'É to open the sound All i¢- i¢- Oo) 
library. Now choose “Music Loops”. Animal “N N 
To preview a sound, click the play Effects birthday birthday bells 
symbol. When you find one you 
like, highlight its speaker symbol Electronic 
and click “OK”. Human 

Instruments 7 7 

| IÉ © IÉ © 
Music Loops N N 


| Precision dance magic dance slow mo 
Click here to see only the Vocals 


music sound clips that can 
4 7 
€ € 
N ® N ® 


be played over and over. 
drum eggs 


an E i 
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_ Add this script to the cat sprite to loop the music. Now run the project and the music 
3 Use the “play sound _ until done” block, not “play 4 should play... forever. Click on the 
sound _”, otherwise things go wrong as Scratch red stop button above the stage 
tries to play your sound lots of times at once. to stop it again. 
Choose your sound : E Eu - 
in this menu. 
a 


R 


Creating the tunnel 


The next step is to make the twisted tunnel that 
will challenge the player's nerve and steadiness 
of hand. How you draw the tunnel affects the h 
difficulty of the game. 


Click the paint symbol / 
æ above the sprites list to 
create a new sprite with 
the paint editor. Choose 
a color you like and click 
on the fill tool ®. Then 
click anywhere in the 
paint area to fill it with 
a solid color. 


_ costume! | OS) [clear || Add | import ) (E) 


Fill tool 


Eraser tool 


Choose any color from Keep Bitmap 


the color palette. 


Selected color 


E -L Bitmap Mode 
ET Bee ( Convert to vector ) 


Now select the eraser tool and move the slider 
at the bottom left so that it’s nearly full size. 


A Eraser tool 


Use the slider to set 
the width of the tunnel. 


Start position End position 


Use the eraser to make gaps in the top 
|| left and top right where the maze starts 


and ends. Then draw a wiggly tunnel 
between the two corners. If things 
go wrong, click the undo symbol ¥) 
at the top and try again. 


The tunnel should be 
checkered, not white. 


To make the maze look more interesting, 

8 use the fill tool to paint the central area a 
different color. Don't fill the tunnel with a 
color or the game won't work. 


Click in this area to fill 
it with a second color. 


e 

m 
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» With the tunnel sprite selected in the sprites list, 


click on the Scripts tab and build this script to position 
it correctly and to animate it. Run the project to test it. 


Now click on the blue “i” on this sprite 
in the sprites list and rename it “Tunnel”. 


The loop makes the 
color of the maze 
keep changing. 


Mouse control 


Now to add some scripts to the cat to turn the 
project into a working game. The scripts build 
step by step, so test them as you go along to 
check that they work properly. 


Click here to bring 
up the sprite’s 
information. 


Select the cat sprite and add this script. It shrinks the cat 
11 and positions it at the start of the tunnel. Once the mouse- 
pointer touches the cat, it will move with the mouse. Note 
that players don’t need to click on the cat to pick it up. The 
script stops with a “meow” if the cat touches the tunnel walls. 


Choose a smaller size 
if the cat gets stuck 
too easily in the tunnel. 


This stops the cat from 
disappearing behind 
the maze. 


This sets the cat’s 


start position in 
the top-left corner. 


Nothing happens 
mouse-pointer 
touches the cat. 


128° cames 


The useful “repeat until” loop 
repeats the blocks inside it until 
the condition at the top of the 
block becomes true, and then 

the blocks below are run. The block 
makes it easier to write simple, 
readable code, like this example. 


Unlike the “forever” block, 
“repeat until” has a bump at 
the bottom allowing more 
blocks to be added to it. 


Run the game. You should be able to control the cat once 
12 you've touched it with your mouse-pointer. Try moving it 
along the tunnel. If you touch the wall, the cat will meow 
and get stuck. If the cat gets stuck too often, reduce the 
number in the “set size” block, but don’t make it too easy. 


Help, I'm stuck! 
a" 


m 
El 
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touch the wall. Add this loop to the script to send 
the cat back to the start for another try if it touches 
the wall. Test the game again. 


13 At the moment you have to restart the game if you 


TRY 
AGAIN! 


Drag the top of the “forever” 
block above the “go to” block 


and it will expand to fit 
around all the blocks below. setsizeto GO% 


14 Click the sprite symbol above the sprites list to 


add a new sprite to the game. Choose the Home 
Button sprite and rename it “Home” in the sprites 
list. On the stage, drag it into the top-right corner. 


Place the home 
sprite above the 
tunnel’s exit. 


It will probably be too big, so add this script 
lw to shrink it. Run the project and reposition 


the house on the stage if you need to. 


130°" cames 


16 


Next you need to add some 
code to check if the cat has 
made it home. Select the cat 

in the sprites list and add the 
blocks shown here. The blocks 
inside the “if then” block run only 
if the cat is touching the house. 


Open the menu, create a new 
message, and call it “Well 
Done”. You'll need it later. 


This stops the music 
and a timer script 
that you'll add later. 


play sound until done 


, OC 


play sound until done 


This releases the cat 
from mouse control. 


Run the game again. Try getting through the tunnel 
to the house. When you succeed, the music should 
stop, the cat will stop moving, and your celebration 
music will play. If you can’t get through the tunnels, 
then you need to make the cat smaller, but you can 
test the game's end by clicking on the cat and 
dragging it home (this is cheating!). 


You'll need to load the sound 
“guitar chords2” from the 
sound library before you 

can choose it here. 


B 
TUNNEL OF DOOM 


: -= ; 7 
Against the clock UR at New Variable D 
. . a in the blocks 
Tunnel of Doom is more fun if palette andmake | Variablename: [Time 
you add a timer to show how a variable called 
quickly you've made it th rough “Time”. Leave the @ For all sprites O For this sprite only 
the tunnel. Then you can S 
i y the variable 
challenge other players icchawnen 
: r OK | | Cancel | 
to beat your best time. the stage. 
Type the name here. 
m Add this script to the cat. It simply counts Try the game again. When you get the 
the seconds since the game started. Move the cat home the timer stops, leaving your 


“Time” variable to the top center of the stage final time displayed on the stage. 
so the player can see it easily. 


This resets the 
timer at the start 


of each game. 


Wow! That was a 
speedy escape. 


a” 
One is added 
to the value of 
“Time” each second. 
To make winning the game feel more ™ To set the center of the sprite, click the center 
rewarding, add a new sprite to show a message 22 tool + at the top of the paint editor and then 
congratulating the player. Click on the paint click in the very center of your sign. When you 
symbol / above the sprites list to make a sign use a“go to x: y:” block in Scratch, it puts the 
in the paint editor using colored shapes and sprite’s center at the chosen coordinates. 
the text tool. The one shown here is just a 
suggestion—you can use your own ideas. 
Click in the 
center of 
the sign. 
To draw perfect 
circles, hold shift Center tool 


when you use 
this tool. 


Ellipse tool 


» To make the sign work, add these scripts to _ Your game is now complete. Test 
your new sprite. The first one hides the sign 24 it thoroughly (by playing lots) 
when the project starts, and the second is and then challenge your friends 
triggered when the “Well Done” message to see if they can beat your times. 
is sent by the cat. It displays the sign and 
makes it flash. 


——s | 
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The sprite shouldn't 
be seen at the start 
of the game. 


This puts the sprite 
in the center of 
the stage. 


Rapid color 
changes make 
the sign flash. 


Hacks and tweaks 


This game is bursting with possibilities. Save a copy and 
start experimenting! You could add extra sound effects 
or extra sprites, such as a floating ghost to scare the cat 
back to the start or a friendly bat that jumps the player 
to a later spot in the tunnel. 


[> Let’s twist again 
You can make the game harder or easier by changing 
how wide and twisted the tunnel is. You could also create 


tunnels with branches—perhaps make the player choose 
between a short narrow tunnel and a long wide one. You 
could even make several different costumes for the tunnel Set the upper limit 
sprite and choose a random one at the start of each game to the number 
by adding this script. of costumes. 


TUNNEL OF DOOM = 133 


V Best time 

You can make the game show the best time achieved 
so far, like a high score. Make a new variable called 
“Best time” and drag it next to the “Time” display 

on the stage. Then add the script below to the cat 

to capture new best times when the cat gets home. 


Time 


Best time 


The best time 
achieved is shown 
on the stage. 


This block is true True if your time 
the first time you was quicker than 
run the game. the old record. 


This block stores the 
last game's time as 
the new best time. e eens | 


Ee 
| won! 
V Who's the best? i Let’s celebrate! | 
You can display the name of the quickest player by 
making another variable, “Best player”, and showing 
it on the stage. Add these two blocks shown here to 
the best-time script. 


a 


ze 
Sg 


This asks the player to 
give his or her name when 
there's a new best time. 


Whatever the player 
types is stored in the 
“answer” block once. 


Window Cleaner 


Messy windows? You'd better get up and clean them! 
This frantic game counts how many splats you can 
clean off your computer screen in a minute. You 

can wipe away the splats either by using a computer 
mouse or by waving your hand in front of a webcam. 


The game starts by cloning a splat sprite and scattering 
clones with different costumes randomly across the stage. 
When motion is detected by the webcam, Scratch uses 

its “ghost” effect to make the splats fade. If you wave your 
hand enough, they eventually disappear. The aim of the 
game is to remove as many splats as you can in one minute. 


Cet e 
(W, (Window Cleaner ) 
by PaintChampion (unshared) 


Countdown ew 


Wave your hand to 
rub out the splats. 


Each splat is a clone of 
the project’s single sprite. 


V Splat sprite 

This game has one sprite 
with several costumes, 
which you'll paint yourself. 
By cloning the sprite you 
can cover the screen with 
splats of messy gunk. 


HH 
OF 


A Controls 

First you'll clean up the 
splats with your mouse, 
but later you can change 
the code to detect the 
movement of your hand 
with a webcam. 


WINDOW CLEANER 


Slime time! 


To make some mess on the screen, you need to 
draw some slimy splats. Follow these instructions 
and you'll be in a mess in no time at all. 


__ Start a new project. Remove the cat sprite by right-clicking 
(or control/shift-clicking) on it and selecting “delete”. Click 
on the paint symbol / in the sprites list to paint a new sprite. 


52a The paint editor will open. To Fas 


DE 


make your first splat, choose 
a color from the palette. 


=, Select the brush tool 

2 and draw the outline | costume j oe) | Clear | Add || Import ) AmE 
of a large splat. Use the 
whole paint area as it 
will get shrunk later. 


cl 


Brush tool 


Yay! This is more 
fun than paintball! 


BSN oe Ze 


= 


"a 
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100% 


a 
a || Bitmap Mode 
( Convert to vector ) 


— Next, choose the fill tool and 
click inside the outline to make 
a solid splat. 


If the fill color leaks out 
of your shape, click 
undo Y and close any 
gaps in the outline 
before filling. 


Fill with color 


/ To make another splat costume, ; 
>) ie : Scripts Costumes Sounds 
| click on the paint symbol / at 


the top of the Costumes tab (not 


the one in the sprites list). This New costume: (costume1 ) 
will make a new blank costume. 4 

Draw a splat with a different & / = rey 

color. Make at least four 1 

costumes altogether. è 


Click here to create 
new costumes. 


costume1 
380x318 


Sona 


Vanishing splats 

Now it’s time to add code to the splat sprite 

to make the game work. Follow the next steps to 
make several clones appear and then disappear 


when the mouse-pointer touches them. The maximum number of 
splats that can be on the 
screen at any one time. 


6. Click on the Scripts tab to make 


some variables. Choose Data C Leave the box checked so the 
in the blocks palette and then score appears on the stage. 


select the “Make a Variable” Uncheck the other two. 
button to create three variables: ep 


“MaxSplats’, “Score”, and 


“SplatsOnScreen’. Cc The actual number of 
splats on the screen at 


the moment. 


WINDOW CLEANER “= 137 


Add this script to the splat sprite. It sets the maximum jia 
number of splats on the screen to ten and resets the “Score” 


and “SplatsOnScreen” to zero, ready for a new game. The 
“forever” loop checks whether there are fewer splats than 
the maximum and, if so, adds a new one. Don't run the 
game yet as you won't see anything. 


The original sprite stays 
hidden and players only 
a seeits clones, (ae 


— 


>» 


Change this number 
to match how many 
costumes you've drawn. 


Each splat goes 
to a random 
location. 


This adds 
the new splat. 


Add this second script to the sprite. This keeps track of 
the number of splats. 


Each new clone will run it. It makes 

the new splat visible (it's hidden at 

first) and then waits for the mouse- 

pointer to touch the splat. When it 

does, the splat disappears with a 

“pop” and the player scores a point 
d The clone is hidden 


play sound Nothing happens until the 


player's mouse-pointer 


Gis - 
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Run the game to test it. Ten splats Í 


should appear. You should be able 
to remove the splats by touching 
them with the mouse-pointer, but 
new splats will appear too. However, 
there's a problem—the game never 
comes to an end. 


m 3K 


Goodbye splat! 

Se 

. 

Cou ntdown Make a new variable and 

R call it “Countdown”. This 

Nothing puts a player under pressure will tell the player how Countdown 

like a time limit. The next script will give much time is left. Keep it 
the player a one-minute countdown in checked so it appears on 


which to zap as many splats as they can. 


the stage. 


Set the number 


Add this script to launch the of seconds here. 
countdown. Once the timer has 

ticked down, it stops the other 

script from making any more 

splats and sends out a message 

that you'll need later on. 


Tick down 
a second. 
This stops ne 


splats ne 


Select “new message” in the 
menu and call it“Time’s Up!” 


Test the game. It should end when the timer 
reaches zero. But there’s a small problem: any 
leftover splats can still be cleaned up for points, 


even though the game's over. To prevent this, Í delete this clone > Eer clone will run this 
add this tiny script to remove any remaining “deletethisclone very so all the clones 
splats. Now try the game again. will be deleted. 


ul 
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= Make anew variable and call it “Difficulty”. 
Camera control ; o. B This can be set anywhere from 0 to 100— 
You can make the window cleaning more realistic the higher the number, the harder the 
by adding camera controls. You'll need a webcam game. Uncheck the tick box so the variable 
attached to your computer to complete the next isn't shown on the stage. 


section. When playing the game with the webcam, 
stand well back from the computer screen so that 
most of your body is visible on the stage. a 


turn on the webcam. Try setting “Difficulty” to 
40 to start with. You can adjust the value later 
if the lighting and background in your room 
make the game too easy or hard. Don’t run 
the game yet. 


4 Add this script to set the value of “Difficulty” and 


This activates 
your webcam. 


= To use the camera to delete 
iw) the splats instead of the mouse, 
change the “when | start as 
a clone” script like this. 


Delete this block. 
The clone is removed 


only after 5 motion 
detections, making it 
disappear gradually. 


a This makes the clone The script waits until 


more transparent. it detects motion 
over this clone. 

A How it works 

The old script just waited for the mouse-pointer to touch the splat clone 

before removing it. Now we wait for the webcam to detect motion in the 

area touching the clone, but we do this five times, increasing the ghost 

effect each time so the clone gets fainter. So as you rub the splat, it 

becomes transparent and then disappears. 


16 Run the game. You'll probably get a pop-up asking if Scratch 
can use your webcam. It’s OK to click “Accept”. You'll then be 
able to see yourself behind the splats. Try rubbing some splats 
out with your hand. If they aren't disappearing, put a lower 
number in the “set Difficulty” block and rerun the game. 


|r | á 
=, (Window Cleaner 
Y by PaintChampion (unshared) 


Click here to switch 


to full screen. 
Countdown aw 


It’s easier to 
play this game in 
full-screen mode. 


Hacks and tweaks 

Here are some tips to tweak this game, but feel free to try 
out your own ideas. Once you know how to use Scratch’s _ 
motion-detection feature, you can create all sorts of games 

that encourage players to jump around and have fun! "B 


The “High Score” 
variable only changes 


<1 High score 


when a player beats it. 
o‘\ It's easy to add a high 
score to the game: just 
“High Score’, and add 


if 


show the top player’s 
name (see how in the 
Tunnel of Doom project). 
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< Time’s running out... 

To warn the player that their 
time is nearly up, add a sound 
that plays on each tick of the 
clock for the last 10 seconds. 


First load the “boing” sound 

from the sound library. Then 

add this “if then” block inside 
wait © ses the countdown loop. 


play sound 


V Difficulty slider "a n” TRY THIS 
If you find you have to change the difficulty 5 s 
setting a lot, you can display it on the stage as Multiplayer version 


a slider. Check the variable’s check box to make it 
appear on the stage. Then right-click (or control/ 
shift-click) on it and choose “slider”. 


Here’s a challenge to test your coding skills. 
Save a copy of your Window Cleaner game 
and then try to adapt it to make a multiplayer 
game in which each player has to rub out splats 
of a particular color. You'll need to create score 
| Difficulty D | variables for each player, and you'll need to add 
neime reduk “if then” blocks to the clones’ script to update 
the different scores depending on which 
large readout costume has been rubbed out. 


slider r 
hide 


Difficult 
y Each costume color will need an 


O “if then” block like this. 


Simulations 


E 
oo 


144 simuLations 


Virtual Snow 


You don’t want real snow inside your computer— 
it would melt and ruin the circuits. This project 
shows you how to make perfectly safe virtual 
snow using Scratch. It falls from the sky and 

can be made to settle on the ground or stick 

to things. 


How it works 


Each snowflake is a clone that moves down 

the stage from top to bottom, jiggling from side 

to side like a real snowflake. When the snowflake 
lands on something or hits the bottom, it stamps 
an image of itself. 


The snowflakes are clones 
of a simple circle shape. 


al 
(E, (Virtual Snow ) Pa ®© A Snowman 
by Snowman001 (unshared) In this project, you can load 


any sprite and make snow 
stick to it. The snowman 
and tree sprites work well. 


(E) (Virtual Snow Ps B 
by Snowman001 (unshared) 


daw 


A Hidden pictures 
You can add invisible objects 
that slowly reveal themselves 
£ as the snow sticks to them. Use 
+ n i a sprite from the library, draw 
Snow falls from the top The snow piles your own object, or write your 
and settles at the bottom. up on the sprite. name in huge letters. 


= 
= 
VIRTUAL SNOW 


Let it snow 


Start off by drawing the snowflake costume, 
which is simply a white circle. Then make it snow 
by creating clones—each one a tiny snowflake 
falling from the top to the bottom of the stage. 


Click to open the 
information panel. 


_ Start a new project. Delete 

aly the cat sprite and click on the 

paint symbol / in the sprites 

list to make a new sprite with 

the paint editor. Before you 

start painting, click on the 

“i” symbol and rename 

the sprite “Snowflake”. 


Type “Snowflake” here. 


Èo ( Snowflake ) 
x: -31 y:-34 direction: 90° G 
rotation style: t) e eè 


can drag in player: 


Snowflake show: M 
— Inthe paint editor, choose 7 3 ; Je 
s2. the ellipse tool and draw | costume1 J e) | Clear || Add || Import | [AORE 
a small white circle in A 
the middle. Hold down the cá J 
shift key as you draw N] 
the circle to make sure — 
it isn't oval-shaped. = 
Ellipse tool JA 
o> 
2 
E89) 
J 
Select white. 
© EH FA [ X Q=Q 
— = = 8 ee 
E HSE ‘ 
Hn BRE Bitmap Mode 
O HH (| Convert tovector | 
Choose solid 


color here. 


b 
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— To make sure the circle is the right size, draw a box 
3, around it with the select tool and drag one of the 
box’s corners to resize the circle. Aim for a size of 
50x50. Center the costume by selecting the center 
tool and clicking in the center of the circle. Center tool 


New costume: 7 a 


b/i 


{ costume1 ) Oe) [ Clear Jl Add Il Import } AmE 


costume1 ` x 
50x50 | É e a 


The costume’s 
size is shown 


here. 
B- + ai 
Select tool 
Now add a background so that you can To make things more interesting, you can use 
see the falling snow. Click on the paint a blend of two colors to fill the background. 
symbol / in the lower left of Scratch to Choose the darkest blue in the color palette 
create a new backdrop in the paint editor. as your first stored color. Then choose a paler 


blue as your second stored color. 


You can store two selected colors at 
once in the color palette. Click here 
to switch to your second selected color. 


Stage |} Fa 
Click here to 1 backdrop = 
paint a new Ee BO 
backdrop. 


New backdrop: 
| vee 


Now select the fill tool and choose the vertical 
gradient option in the lower left. Click in the 
backdrop to fill it. You can use any colors you 
like, but snow shows up better on dark colors. 


a 
VIRTUAL SNOW 


\A/ gr 


Ţ, — 


| backdrop2 


} He) | Clear | Add I Import J (2 \(SaZ2\+) 


Fill tool 


The background 
fades from dark 
blue to a paler blue. 


= 


Vertical gradient ~ lr E 


| VA E Q=aQ 
+ i 
an Bitmap Mode 


Convert to vector ) 


Select the snowflake from the sprites list 
and open the Scripts tab. Add this script 
to make clones of the snowflake. Don't 
run the project yet. 


AAO 


ini 
toy Maas 


Choose these 
two colors. 


The original sprite hides and 
only the clones fall as snow. 


This shrinks 
the snowflake. 


l 
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8 Now add a script to make 
the cloned snowflakes fall 
from the top of the stage 
to the bottom, jiggling 
as they go. 


when I start as a clone 


pick random (-220) (220) to (220) 


ick random 
The snowflake starts at ee © to 3) 
the top of the stage. 
show Snowflakes aren't 


forever all the same size. 
This makes the 
snowflake fall. 
pick random ED to (1) 


left and right. 


delete this clone 


The snowflake disappears He 


at the bottom. +4 


Run the project. The snow should 
9 fall down the stage before 
disappearing at the bottom. 


| p, | 7 
LW, (Virtual Snow 
by Snowman001 (unshared) 


on, ane 


= 
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i _ First to make the snow settle at the bottom. We could just 
Snowdrifts 10 leave the clones there, but Scratch won't let more than 300 
In really cold weather, snow clones appear on the stage at once, so you'd run out of snow. 
doesn't just vanish when it An easy fix is to stamp a copy of each clone before deleting it. 


hits the ground—it piles up. 
It’s simple to make your 
virtual snow settle or stick 
to other things. Just follow 
these steps. 


Insert a “stamp” block into 
the snowflake’s “if then” block. 


Run the project and snow should 
1 collect on the floor, but only ina 
thin layer. To make it build up, 
add another “if then” block to 
stamp copies of the clones 


whenever they touch anything 
white—such as other snowflakes. 


Click here and then click on anything 
white in Scratch to set the color. 


ly E 
u m 
Run the project and watch the snow (“mit (Virtual Snow Rea B l ies w iane i 
: j z a like snow business! 
pile up. You'll notice a problem. The 
snowflakes are building up in beautiful 
sculptures rather than settling ina 
blanket, as real snow does. 


by Snowman001 (unshared) 


Snowflakes stick to 
anything white. 
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B To make the snow settle in a thick blanket, try this 


Add an “and” block 
to check both 
conditions are true. 


change to the code. Now when a snowflake touches 
something white, it rolls a dice—onlly if it gets a 1 
does it stick. This makes the snow less sticky and 
more likely to travel farther and build a solid layer. 


This block is true when 
Scratch rolls a 1. 


then 


4 Run the project to see what happens. You can ‘ma (Virtual Snow ) fu & | 


15 


if 


by Snowman001 (unshared) 
` 


experiment with changing the 6 in the random 
block to other numbers. The bigger the number, 
the flatter the settled snow. 


Now add a sprite for the snow to fall on. Click 

the sprite symbol ® in the sprites list and choose 
something from the library, such as the snowman. 
Add a new “if then” block to the script, as shown 
here, to make the snow stick to your sprite. 


ED woo a oe 


delete this clone 


if 


E e aO OD 


delete this clone 


= 
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If you're impatient to see the E (Virtual Snow ) fu & 
snow building up, you can speed by snowmando} (unshared) NoNo 

things up by putting Scratch in 

“Turbo Mode”. Hold down shift 

and click on the green flag before : i Shift-click the green 
you run the project. Scratch then flag to switch Turbo 
runs the scripts much more = i Mode omand off, 
quickly, with minimum time 

between blocks. Your snowdrift 

will now pile up much faster. 


Secret pictures 

It’s easy to modify this project so that the snow sticks 
to an invisible object, slowly revealing it. Save your 
project as a copy before you try doing this. 


Click on the paint symbol / in the sprites 
WY list to create a new sprite. Click the blue 
“and name it “Invisible”. Now use the 
paint editor to create your hidden object. 
It can be anything—a house, an animal, 
or someone's name—but make it big and 
use only one color. You can give the 
sprite more than one costume if you like. 


sprite to position and hide it using 
the ghost effect. Using a “hide” 
block wouldn't work because that 
would stop snow from sticking to it. 


7 Add this script to the invisible 


This hides the sprite 
but allows snowflake 
= clones to detect it. 


Put the number of 
costumes here. 


“m 
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Change the clone script to look like this. Now the ————— 
snowflakes will only settle on the invisible sprite. They a 1 
just disappear if they reach the bottom of the stage. 
Another snowy day! 
My favorite! 
a a 


The snow no longer 
settles at the bottom 
of the stage. 


A 1 in 20 chance of 
sticking lets snow 
fill the whole shape. 


| 


m aa Snow sticks to the 


ghosted sprite. 


19 Next add a cool backdrop like “winter-lights” from the 
library and watch your hidden shape appear in the snow. 
You can remove the “wait” block from the clone-making 
loop or use Turbo Mode to speed things up. 


Hacks and tweaks 


Falling snow or rain can make a great addition 
to any project or game. Try these hacks to send a 
snowstorm through your whole Scratch collection! 


[> Sticky snowballs 
Occasionally, you might see 
clumps of snow just hanging 

in the sky. This starts when two 
snowflakes touch each other as 
they fall and stamp themselves 

in the sky. Once there, the clump 
grows as more snowflakes stick to 
it. If you follow the instructions in 
this project carefully it shouldn't 
happen too often, but if it does, 
try experimenting with the 
numbers in the scripts. You can 
change the size and speed of 

the snowflakes, the amount they 
jiggle, and the delay between 
making each clone. 


V Adding snow to a project 

You can use the falling snow scripts from steps 

1-8 to add snow to another project—a great 
addition to a project like a Christmas card. The 
snow doesn’t sense other sprites so is just a special 
effect. You'll need to add a“go to front” block to the 
start of the clone script to make the snowflakes fall 
in front of other sprites. Change the snowflake to 

a dark gray raindrop if you want to make it rain. 


Add this block to the start 
of the existing script. 


m 
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"a =” TRY THIS 


If you change the snowflake 
into a white or yellow dot and 
remove the random “change x” 
block that jiggles the falling 
snow, you get a starfield 
moving from the top to the 
bottom of the stage. Add a 
black backdrop, a spaceship, 
and some asteroids and you've 
made a simple rocket game. 
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Fireworks Display 


You might think you'd need lots of E E 
sprites to create a fireworks display, but make the project 
Scratch’s clones feature makes it easy. ee 
Clones are great for making explosions aD 

and other moving patterns. Computer ee Fireworks Display 
graphics created with this technique 
are known as “particle effects”. 


The rocket 

shoots upward 
before each 
firework explodes. 


by MagicLight01 (unshared) 


How it works 


Click anywhere on the stage to make a 
rocket shoot up to that point and explode 
into a colorful firework. Each firework 
consists of hundreds of clones of a single 
sprite. The project uses simulated gravity 
to make the clones fall as they fly outward, 
while flickering or fading. 


$ <1 Rocket 

Fa Each firework starts off as a rocket 
launched at the click of a mouse. 
You can use a simple colored line to 
represent the rocket or create a more 
detailed one in Scratch’s paint editor. 


To create the globes of colored 


-= i “stars”, this project uses 300 clones, 
a, a, a the maximum number that Scratch 

allows. Each clone follows a slightly 
different path at a slightly different 


= = SS 
A A A speed to make the stars spread out 
in a circle. 


FIREWORK DISPLAY 155 


The stage flashes 
white at the moment 
of detonation. 


Each explosion is 
made up of hundreds 
of clones that spread 
| _ out from the rocket. 


Find out how to add 
curving trails in the 
Hacks and Tweaks section. 


_— 


You can create your 
own backdrop for 
the fireworks display. 


a 
SIMULATIONS 
i i Start a new project and delete the cat sprite by 
Creating the rocket 1 right-clicking on it and then selecting “delete”. 
The first step in the project is to create the Click on the paint symbol / in the sprites list 
small rocket that shoots up into the sky to create a new sprite and open the paint editor. 


and explodes in a blaze of fireworks. The Rename the sprite Rocket, 


script will make the rocket fly to wherever . P 

you click the mouse-pointer. | New sprite: $ / Gh Gi | 
Use the line and brush tools = === 
to paint a rocket firework. A cede (A) | clear | Add | import | REH 


simple red line will do the job 
as the rocket will be small, but 
you can make it more realistic 
if you like. 


Center tool 
Brush tool 


Line tool 


Fill tool _V | 
We have Select tool B94 i, Pi l 


ignition! 


E E EE pa 
HERE Bitmap Mode 
a ig -H-H \ Convert to vector | 
When you're happy with the firework, use the Select the backdrop in 
select tool to drag a box around it. Then grab 4 the lower left of Scratch 
one of the corners and shrink the costume and open the Backdrops 
until it’s no wider than 10 and no taller than tab. Change the name of 
50. You can see the size in the costume list. “backdrop1” to “Flash” This 
Then center the sprite using the center tool. will provide a flash of light 
when a firework goes off. 
Click the paint symbol / Stage 
under the words “New 1 backdrop 
backdrop” to create the 
These numbers main backdrop and call New backdrop: 
show the costume’s it“Night”. 
dimensions. 3 ka / feb kel 


Click here to select 
the backdrop. 


costume1 
8x46 


bd 
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_ To make the night background more 

=$ interesting, you can use two colors 
to create a gradient rather than filling 
it with solid black. Select the fill tool and 
choose the two darkest blues in the color 
selector. Then click the lower-left gradient 
tool. Use the fill tool to paint the background 
so it’s dark at the top but pale at the bottom. 
For extra decoration, add black and yellow 
rectangles to create a city skyline. 


IN > JOLIN 


You can select two 


| Ale) Clear | Add Import J [opse 


Gradient tool 


Q=aa 


100% 


Bitmap Mode 


( Convert to vector 


) 


Next, select the rocket sprite and 


6 add this script to make it shoot up 
to wherever the mouse is clicked. 


The loop pauses 
until the mouse 
is clicked. 


The rocket starts at the 
bottom, directly under 


the mouse. This block makes 
show smoothly upward. 


and call it “Bang”. 


The stage turns white 
for an instant. 


Run the project and try clicking on the stage. A 
rocket should launch toward the mouse-pointer 
each time you click. Now add the next script to 
the rocket sprite to make the stage flash at the 
moment the firework goes off. 


b 
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Exploding stars 8 


Real fireworks are packed with hundreds 
of “stars”—flammable pellets that glow 
with dazzling colors as they fly apart and 
burn. You can simulate the appearance 
of firework stars by using Scratch’s clones 
feature. Follow the instructions here to 
create the stars and make them explode. 


Click the paint symbol / in the sprites list to create a 
new sprite and call it “Stars”. Before drawing it, select 
“Convert to vector” in the bottom right of the paint 
editor, because using vector graphics will help keep 
the stars circular even when they are very small. 


aa 


1,600% 


Bitmap Mode 


( Convert to vector |) 


Click the plus sign to zoom Naw costume: , = 
in to 1,600 percent because rs + costume! (O) [| Clear || Add | Import | AeH 
the costume will be very ¥ / al Key 


small. A simple green circle is 
all you need to create a star. 
Choose bright green in the 
color palette, select the circle 
tool, and then choose the 
solid color option in the 
bottom left. To draw a circle, 
hold down the shift key on 
the keyboard as you drag. 

To make sure the costume is 
centred, select the centre tool 
and click in the middle of it. 


costume 
5x5 


Center tool wy; 


~ Del 


N 

J- 

Circle tool _ 7) 

(>) 

Click here £) 

to zoom in. = 

OO] J 


Aim fora 
size of 5x5. 


Choose the solid 


p 
lI 
Š p 


Vector Mode 


Convert to bitmap 


color option. 


Look in the costume list to check the circle’s size 
10 —it needs to be about 5x5. If it’s too large or small, 

choose the select tool ® and click on the green 

circle to make a box appear around it. Click on 

one of the corners and drag it to change the size. 

Re-center the costume when you're done. 


costumel 


Now add the following script to the 
stars sprite to create 300 hidden copies 
that will form the explosion. 


This makes a 
DS working copy 
of the sprite. 


bd 
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12 Click on Data in the blocks palette and make a new variable (a E ) 
called “speed”. Choose “for this sprite only” in the dialogue 
box. This allows each clone to have its own copy of the variable Variable name: speed | 
with its own value, which makes each star unique. Uncheck 
the variable’s check box so it doesn’t appear on the stage. O Forall sprites @ For this sprite only 
B Next, add this script to the stars sprite to | OK ) ( GE ) 
w@ create an explosion. Every clone will run 


its own copy of this script. 


Speed of Speed of 

slowest stars fastest stars X rk? 
Each firework is a 

different color. c1 


The explosion begins at the 
top of the rocket’s climb. 


The stars spread out 
in every direction. 


Add this second “repeat” loop to the bottom | Try running the project. When 
14 of the script to make the stars slow down, the rocket explodes, you should 
fade away, and then disappear. This block see hundreds of colorful stars 
reduces the stars’ fly outward before fading. 
speed a little 


with each repeat. 


The random block makes the 
stars fade at different rates, 
making them appear to twinkle. 


m, ( Fireworks Display ) Pa @ 
by MagicLight01 (unshared) 


b 
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Hacks and tweaks 


Try some of these changes to create new types of 

fireworks with multiple colors or trails. You can also 
use clones to create many other visual effects—or Ns 
“particle effects”, as computer artists call them. TIARAS 


Wh H, 
a 


V Sticky stars 

You might sometimes see a trail of stars in a line if you send up a rocket 
right after running the project. This happens if the stars explode before 
all the clones are created. To fix the bug, add a “broadcast” block to the 
bottom of the “when flag clicked” script in the stars sprite and change 
the rocket's script to run only after it receives the message. 


Stars sprite Rocket ae 


. 
ae 


V Changing colors 
Fireworks-makers use chemicals to create different 

: : The colors change 
colors. Try this hack to the stars sprite to make ästhefirework 
the colors change as the firework explodes. expands. 


Increase the number 
to see the colors 
change more quickly. 


g 
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V Multicolored fireworks 
Try the next hack to give each firework 
stars with lots of different colors. 


When the message is 
received, every clone runs 
its own copy of this script. 


> Gravity trails 
To make the stars arc downward 
under the pull of gravity, leaving 
colorful trails in their wake, 
rebuild the script as shown here. 
Remember to delete the original 
script when you've finished. As 
the timer increases, the stars 

fall more quickly, which is how 
gravity really works. See if you 
can figure out how to change the 
color of the trails or make them 
brighten or fade out (hint: you'll 
need to use the “set pen color” 
and “set pen shade” blocks). 


The pen creates 
the trails. 


This sets the timer to 
zero. It then counts 
up in seconds. 


The stars fall at an 
ever greater speed as 
the timer counts up. 


This deletes 


162 simulations 


Fractal Trees 


You might think that drawing a tree aa 
requires an artistic eye and a lot of 

fussy work, but this project does the job 
automatically. The code creates special 
shapes called fractals, simulating the 
way that trees grow in nature. 


E Pa 
, (Fractal Trees 
by SkilledGardener (unshared) 


Ea j 


How it works 


When you run the project, a tree grows in a 
split second from the ground up. The tree is 
a fractal—a shape made from a repeating 
pattern. If you zoom in to just a part of a 
fractal, it looks similar to the whole shape. 
This repetition is easily generated in 

a computer program by using loops. 


The branches get 
thinner and greener 
toward the ends. 


Branches are __-— 
drawn with the 


This section looks D Scratchiipei: 


like a miniature 
version of the 
whole tree. 


al 
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A swarm of ball clones draws 
the tree, doubling in number 


Each leaf is a clone of 
after each layer of branches. 


Pa the Scratch ball sprite. a 


Lake Nasser in Egypt 


Veins in the human body 


A Fractals in nature 

Lots of natural objects have 
fractal shapes, including 
trees, river systems, clouds, 
blood vessels, and even 
broccoli. Natural fractals 
form most often when 
something keeps dividing 
into branches, which is how 
trees and blood vessels grow. 


i 
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How it works 

In the project Dino Dance Party, we saw how the ballerina’s 
dance routine is based on an algorithm—a set of simple 
instructions that are followed in strict order. In this project, i 

the code that draws the tree is also based on an algorithm. a 
Try following the three steps below with a pen and paper. i " 


Draw a straight line At the top of each branch 3 Is the tree finished? If the answer 

with a thick pen. draw two shorter, thinner is no, go back to step 2. Repeating 
lines at an angle—one to the these simple instructions in a loop creates 
left and one to the right. a complicated pattern with hundreds of 


branches, just like a real tree. 


-Y-F 


Leaves and branches 

Follow these steps to build a fractal tree, using Scratch’s ball sprite 
for leaves and the Scratch pen to trace branches. The script creates 
new clones each time a branch divides, making more and more 
clones as the tree grows from a single trunk to a mass of twigs. 


Start a new project and delete the cat sprite. Click on Data and make the following 

alg Click on the sprite symbol and add the ball A variables for your project: “Angle”, “Length”, 
sprite from the library. Rename it “Leaf”. Open and “ShrinkFactor”. Make sure to uncheck their 
the Costumes tab and choose the green costume. boxes so they aren't shown on the stage. 


JA Make a Variable 
Click here to make 
each variable. c Ange 


Leaf 


tl 
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Add this script to the leaf sprite. You'll need to 
| create the two new messages: “Draw Branch” 
and “Split Branch”. Don’t run it yet. 


These three variables 
set how the tree looks. 


Click on the square and then click 
on any brown block in Scratch to 
make the pen color start brown. 


qe 


This draws the 
tree’s trunk. 


Each time the loop 

runs, a new layer of 

branches grows. Each layer of 
branches is shorter 
than the one before. 


| 


i 
| 


Now add this separate script. When 

it receives the “Draw Branch” message 
from the main script, it tells every 
clone to draw a branch and then 
changes the settings so the next 
branch will be greener and thinner. 


l 


i 
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Add the next script to make the branches divide. 
a$ It works by cloning each ball, forming a pair, and 
rotating them to face different directions. Once 
this script is run, there will be two clones at the 
end of every branch, each facing a different 
direction—ready to draw the next two branches. 


The ball rotates to form 
an angle with the 
previous branch. 


as much, ready to draw 


“6. Run the project and you should create a beautiful 


tree. To make the “leaves” disappear and show only 
the twigs, click the red stop symbol on the stage. 


AL LAN URS LA 
BON os 


Remember to use 
the full-screen mode. 


“Angle” sets how far 
“ShrinkFactor” controls how the branches spread 
much shorter each branch is than apart at each split. 
the previous one (75 percent of the 
previous branch in this example). 


The “Length” variable 
sets the trunk’s length 
in steps. 


E7 To make your tree stand out better, 
ge : try changing the backdrop color. 
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Hacks and tweaks 


You can change the settings used in this 
project to grow trees in amazingly varied 
shapes. You can also add a bit of randomness 
so that every tree is different. 


V Different angles 

Try experimenting with the value of “Angle” in the first orange block. You could also 
add a “pick random” block to generate randomly shaped trees. If you want to keep 
trees looking natural, set the minimum and maximum to 10 and 45. To make playing 
with the variable easier, check its box to show it on screen and turn it into a 

slider. You'll need to delete the “set Angle” block from the script if you do this. 


KN 
WH W 


Angle = 10 Angle = 20 Angle = 45 Angle = 90 


V Ever-changing angles 

If you move the “set Angle” block inside 
the “repeat” loop, the angles between 
branches will change as the tree grows. 
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V How tall is your tree? 

Try changing the values of “Length” and 
“ShrinkFactor’, but be careful—it’s easy 
to end up with very short trees or trees 
that are too big to fit on the stage. 


Angle = 30 
Length = 90 
ShrinkFactor = 0.5 


Angle = 30, Length = 50, ShrinkFactor = 0.9 


Change this number or V Don’t run out of clones! 
bein variagle ve The number inside the “repeat” loop controls 
the start of the script. . ; 

how many times the branches split to create 
a new layer of branches. Eight is the maximum 
to get all the tiny twigs drawn because it uses 
255 clones and Scratch has a limit of 300 clones. 
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Grow a forest 
You can adapt this project to grow trees wherever = 
you click, covering the stage with a forest. Make 
the following changes to the script to do this. 


1 (Fractal Trees 


by SkilledGardener (unshared) 


Open the menu and 
create a new message 
called “Kill All Clones”. 


Add this script to stamp the leaves 


|, onto the tree before deleting the when lveceive'l[KINAN Clonee 


clones for the next tree. 


stamp 


delete this clone 
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Change the main script REEN SAN REEN SAN AL LARS LA 
ae SO Np a aN es 
FIV SESE RETINT A 
oS GA ESS PS 


when ll clicked 


forever 
wait until These two 
blocks ensure 
only one tree is 
wait until drawn for each 
mouse-click. 
The branches are shorter 
PES to make the trees smaller. 
The trunks start thinner 
because the trees are smaller. 
H 
a | 
| Eu 
an 


broadcast and wait ay b- 
repeat : 
broadcast | Split Branchy | and wait 


broadcast and wait 


Ean This stamps the leaves 
and recycles the clones. 


broadcast | Kill All Clones | and wait a 
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Snowflake Simulator 


Snowflakes are famous for their 
amazingly varied shapes—it’s said 
that no two are the same. Even 

so, all snowflakes share the same 
underlying structure, with six similar 
sides. This pattern, known as six-fold 
symmetry, makes snowflakes easy 
to mimic on a computer. You can 

use the same technique used in 

the Fractal Trees project, but this 
time every shape will be unique. 


How it works 


When you run this project, a snowflake 
appears on the stage. Later you can make 
snowflakes appear wherever you click. 
Each snowflake is a bit like a fractal tree 
with six trunks. By using random numbers 
to set the lengths and angles of the white 
lines, you can create an endless variety 

of unique shapes—just like in nature. 


Snowflake Simulator 
by WhiteSnow2 (unshared) 
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A Real snowflakes 
Snowflakes are six-sided because 
they grow from ice crystals, which 
are hexagonal. As a snowflake 
grows, slight changes in air 
temperature affect the way ice 
crystals build up. Because every 
snowflake follows a different 

path and experiences different 
changes in temperature, every 
snowflake is unique. 


—_ Fi 
ei 
—— A Snow-FAKE 
The drawing starts with six versions 
of the sprite to match the six-fold 
symmetry of a real snowflake. 

After that, the lines split in two 
repeatedly, like the fractal tree, 
but with more varied angles. 


b 
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Symmetrical branches 


To see how this project uses the ideas from Fractal 
Trees to make a snowflake, start by following these 
steps to create a simple, nonrandom snowflake. 


| Starta new project and delete the cat sprite. 
ale Click on the paint symbol / in the sprites list 
to create a new blank sprite. You don’t need to 
paint a costume because all the drawing will 
be done by the script. 


Sprite1 


To make the snowflakes show up, paint the 


backdrop black. Select the backdrop in the lower 
left of Scratch and click the Backdrops tab above 
the blocks palette. Then click the fill tool in the 


paint editor and fill the paint area with black. 


Stage 
1 backdrop 


New backdrop: 


RAN O 


Sensing 


Click here to select 
the backdrop. 


Click on Data in the blocks palette and add five 
new variables to the project: “Angle”, “Length”, 
“Levels”, “Symmetry”, and “SymmetryAngle”. 
Uncheck their boxes so that they don’t show on 
the stage. 


Click here to make 
each variable. 


Scripts Costumes Sounds 


i Motion 


| Events 

| Control 
il Sensing 
I Operators 


Uncheck all of these boxes. 
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= Select the sprite in the sprites list and give 
it the following two scripts. The code creates 
clones pointing in different directions to make 


a symmetrical pattern. The original sprite and the clones 


all run this script, each drawing 
an arm in its own direction. 


This number sets 
how many arms Open the menu and 


when pa clicked the snowflake has. create a new message 


set qe 


called “Draw Level”. 


when I receive | Draw Level v 


-~ 


Click on the square 
here and then on 
anything white in Scratch. 


This calculates the angle 


set | SymmetryAngle ~ | to a a Symmetry 


repeat 4 Symmetry Ome 
The loop adds five 


sevedsces! distor dictions 
SymmetryAngle 
You can change the number 
of arms each snowflake has 
set | Length v | to to vary the pattern. 


Bi i 
broadcast and wait a a 
= 8 ‘a 
Open the menu and ge 


create a new message 


called “Draw Level”. 
E 


Symmetry = 6 Symmetry = 7 Symmetry = 4 


Run the project. Snowflakes 
need “Symmetry” set to 6, 


but try other values. 
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6 To fill in the rest of the snowflake, each clone will 

| draw a succession of branching lines, like a fractal 
tree. Make the following changes to the main script, 
but don’t run it yet. 


Add this new block. 


mÇ symmetryange degrees Change “Length” 


to 20 for now. 


imeem 


Delete this block. 


Add a new loop to 
create the branching 
pattern on each arm. 
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7 Add three new blocks 


to the “When | receive” 1 
. when I receive | Draw Level w 
script to create new 


clones. These create a 


new clone and make move oe steps 
the old and new clones 
face different directions. 

turn Ci Angle degrees 


create clone of 
turn ¥) OL Angle degrees 


Now run the project. : 
8 ; ee À Snowflake Simulator 
You'll see a branching 
by WhiteSnow2 (unshared) 


snowflake like this. 


Use full-screen 
mode to see a bigger 
snowflake up close. 


See what happens when 

9 you change the number of N 
“Levels” in the “set” block at 
the top of the main script. -X- 


Levels = 1 Levels = 2 Levels = 3 Levels = 4 
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Now to make each snowflake different. Add 
some “pick random” blocks to the main script. 


pick random to : 


Add these new “pick 
random” blocks. 


repeat 


Run the project— 
you'll get a different 


snowflake every time. 


Hacks and tweaks 


Experiment! There are so many numbers to play 
with in this project, changing any one of them 
will give very different patterns. Play with the 
symmetry, levels, angles, and lengths. You can 
even add colors to your creations. 


[> Oddflakes 
Try this quick change pick random to 


to make odd-looking 
snowflakes. It varies repeat keves 
the line lengths after 
pick random to 


each branch point, 
Move the “set Length” 


creating a wider range 
block into the “repeat” loop. 
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V Click-a-flake "mi (Snowflake Simulat 
Make snowflakes wherever you click Epa \ a 


P aes á by WhiteSnow2 (unshared) 
on the stage with these modifications 


to the code. There’s also a script to clear 
the stage when you press the space bar 
in case things get too messy. Make sure 
you keep the script from step 7. 


Snowflakes appear 
wherever you click. 


when șa clicked 


set [Symmetry ¥ | to [6 | 


set [Levels ¥ ] to [4] 


Add a “forever” loop to 


forever eee make endless snowflakes. Add two “wait” blocks to 


detect a full mouse click. 


wait until 
wait until 


Replace the old “go to” 
block with this new one. 


set | SymmetryAngle ¥ | to G60) / Symmetry a 
A = = — 


repeat [ ( Symmetry ie 
H = é D Change the numbers to 
erooteiclonciat make the snowflakes smaller. 
3 Pei This script clears the 
zammet angg stage of snowflakes. 
set to pick random to . nee Ren 
repeat Levels dear 
set to | pick random to Î 


Add this new script 


broadcast and wait to- deletë:clónes. 


broadcast | Kill All Clones Y | and wait when | receive | Kill All Clones Y 
a a Add this block so Scratch 


Ar , delete this clone 
won't run out of clones. 


Music and 
sound 


¢ 
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Sprites and Sounds 


Do you have a younger brother or sister who’s always se 

trying to play on the computer? Here’s something you T 
can create in Scratch to keep the sibling amused. Click on r == 
any sprite for a unique action and sound. This project jal HIE 


works especially well on a touchscreen computer. 


Sprites and Sounds couldn't be easier to play—simply V Virtual circus 

click the sprites or the background and you'll hear This entertaining project is a 

a sound and see an animation or visual effect pe ony r ee 
j You can add as many sprites and 


sounds as you want to spice up 


the show. 
The project works best in full-screen 
mode, which stops you from 
accidentally moving the sprites. 


iZ 
m, Sprites and Sounds 


by DancingDuck (unshared) 


Click anywhere 
on the stage for 
some sound 
and action. 


Each sprite 
performs its 
own little 
show when 
clicked. 


Background action 

Everything in this project does something 
interesting when it’s clicked, including the 
background. Follow these steps to create 


the background, and then start adding sprites. 


Start a new project. Ignore the cat sprite for now 

sf; and click on the backdrop symbol al in the lower 
left of the Scratch window to open the backdrop 
library. Load the “sparkling” backdrop. 


Sprites 


Sprite1 


Stage 
2 backdrops 


New backdrop: 


ka / wl GH 


The blue outline shows 
that the stage is selected. 


Now build this script for the stage to create 


a3, some magic and sparkle when the backdrop 
is clicked. Check if it works by clicking on 
the stage. 


This makes the 
backdrop flash. 


Ld 
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B 


All together 
now! 
u 


dct 4 


_ With the stage selected, open the Sounds 


tab above the blocks palette and then click 
on the speaker symbol. Choose “fairydust”. 


fairydust 
00:00.51 


This sound is 0.51 
seconds long. 


Drag the cat sprite to the top-left corner 
of the stage and add this script. 


The program waits here 
while the “meow” 
sound plays. 


m 
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Click on the cat and see him grow, "a n” EXPERT TIPS 


n$, turn yellow, and meow before 
returning to normal. 


There are two versions of the “play sound” block. 
When you use the short one, the program starts 


The cat grows in playing the sound but immediately moves on 
size and changes to the next block. This is useful for animations 
its color because it allows you to make a sprite move 
at the same time as the sound is playing. The 
longer version of the “play sound” block includes 
the words “until done”. When you use this block, 
the program waits until the sound has finished 


before moving on to the next block. This is 
useful for, say, a costume or size change that 
should last exactly as long as the sound. 


= 
= 


Sprite extravaganza! 


Now add the following sprites and their scripts. Some of the sprites have the right 
sounds built in, but in other cases you'll need to open the Sounds tab and load 
the sound from Scratch’s sound library before you can select it in the script. After 
building each script, position the sprite on the stage and test it. 


The duck wobbles Ps 


and quacks 5 times. 
QUACK! 


Duck 


Laughing duck 
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Pal 


This lights 
the candles. 


birthday bells v 


Load this sound from 


the sound library. 
Dancing cake 


The cake 
jiggles in time 
to the music. 


This makes 
the candles 
go out. 


Elephant This is the Dog2 
elephant's 
Elephant fanfare trumpeting Barking dog 
costume. 


play sound [trumpet1 v | play sound [dog1 © | until done 


and “trumpet2” play sound [dog1 ¥ | until done 
from the library. 
play sound [trumpet2 v | od 
Two sounds 
barks 
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The horse rears 
up and whinnies. 


Horse1 


Load both sounds 
from the library. 


Horsing around 


The horse runs 
back and forth. 


Load the 
“bubbles” sound 
from the library. 


Fish 3 


Chilling fish 


The fish flips 
left and right 
calmly while the 
bubbles make a 
gurgling sound. 


I 
Lion 


King of the jungle 


Cheese puffs 


The last sprite is a bowl of tasty-looking cheese puffs— 
when you click on the bowl, the cheese puffs will vanish. 
There isn’t a suitable costume for the empty bowl, but you 
can create one using Scratch’s paint editor. The following 
steps show you how. 


E 
ia 


Add the Cheesy-Puffs sprite from the library. 
Then click on the Costumes tab and right-click 
(or control/shift-click) on the single costume 
shown and select “duplicate”. 


ww 


cheesy-puffs 
88x58 


duplicate r 


Monkey2 


Jumpy monkey 


Changing the monkey's 
y coordinate moves 
it up or down. 


“Meow2" is not a roar, 
but it’s the nearest 
thing in the library! 


a 
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Select the duplicated costume “cheesy-puffs2”. 
In the paint editor, choose white or cream, and 
use the ellipse tool to draw an oval over the 
cheese puffs. Use the eraser tool to get rid 

of any leftover bits. 


| 
Use this 
= tool to 
draw 
an oval 


E n 
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Click the Sounds tab above the blocks palette Move all your sprites around so they fit nicely on 
and load the “chomp” sound from the library. the stage. Then test the project, but remember 
Then add the sprite’s script. to click the full-screen symbol first so that the 


sprites don’t accidentally move when you click 
them. Test every sprite. Note that you don’t need 
to click the green flag to run this project, just click 
on the sprites. 


pua p 
Æ, (Sprites and Sounds +) Bs D 
by DancingDuck (unshared) 
TEEI =E 


The empty 
bowl. 


C A full bowl reappears 


after a 1-second wait. 


Hacks and tweaks 


This project is really a collection of mini-projects—one 

per sprite. This makes it easy to swap in new sprites or 

change animations and sounds. Have a look in Scratch’s 

sprite and sound libraries for inspiration. You could also J 
draw your own pictures or record your own sounds. J 


Change the header to 


a n 
a n 
"m" 
trigger the script with 
a key instead of a click. 


<1 Animal piano 

For younger children, you could change the scripts so that 
the animations and sounds are triggered by key presses 
rather than mouse clicks, turning the computer keyboard 
into a kind of piano. Choose keys that are widely spread 
to make the project into a game of “find the key”. 


[> Record your own sounds 

If your computer has a microphone, 
then you can give your project a 
personal touch by recording your 
own sounds. First select the sprite you 
want to add a sound to—perhaps the 
lion, if you want to give him a better 
roar. Click the Sounds tab and then 
the microphone symbol 8. To start 
recording, click on the black circle. 

To stop, click the square. 


Click here to create 
a new sound. 


>> Editing sounds 

Scratch makes it easy to edit sounds that 
you've recorded or uploaded. Open the 
Sounds tab and select the sound you 
want to work on. The black pattern 
shows the volume of the sound as it 
plays. Use your mouse to highlight 

parts of the sound you want to delete 

or move, and then use the menus 

below to make changes or add effects. 
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y 
Scripts T Costumes J^ Sounds | 


New sound: 


« § 


/ Va 
€ 
“XN 


meow2 
00:00.59 


2 
| l 
recording1 
00:00.00 


( recording1 ) 


Stop recording 


Click the circle to start 
recording—it will turn red. 


Edit v Effects w 


Microphone volume: 0 


Check your sound 
by pressing play. 


Highlight parts of the 
sound you want to edit. 


- 
Scripts { Costumes j^ Sounds b 


New sound: 


€ 8 a 


my Pz 
€- 
N 


meow2 
00:00.59 


i? 
ié 
W 


recording1 
00:00.00 


( recording1 ) 


Edit v Effects w 


>E o 


Microphone volume: 0 


g noig Mig 
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Drumtastic 


This project turns your computer keyboard into a drum 
machine. Type in anything you want and Scratch turns 
the letters into repeating drum sounds using up to 

18 different instruments, from cymbals and bongos 

to pounding bass drums. 


The script turns every letter 


When you run the project, the Scratch cat asks you to into a drum sound. There are 

hing in the box. When vou press return, the 26 letters in the alphabet but 
type sometning n ‘ cen youp Scratch only has 18 drum 
code turns each letter into a different sound and plays sounds, so some sounds 
the phrase back over and over again. As the sounds are used for two letters. 


play, the colored drums on the stage flash in time, 
while the Scratch cat walks to the beat. 


A = i ; 
Snare drum 


a | P 
(W, (Drumtastic ) 
by Drummer242 (unshared) 


Bass drum 


Cm See 


Side sticks 


a 
—— 
D mm 
The words The drums light up 


you typed as the sounds play. Cymbals 


Li 
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Dancing cat 

To make the project more fun, the cat will dance and 
shout out each letter in a speech bubble as the drums 
play. Follow the steps below to create a custom block 
that plays the drums and animates the cat. 


Start a new project Select the cat sprite, click on Data, and add these 
and keep the cat a2, variables to your project: “Count” and “Words”. Leave 
sprite. Set the them checked so that they show on the stage. 
background to 
a solid color by 
clicking the paint 
symbol / in the 
lower left of Scratch, Stage 
picking a cool color, 2 backdrops ( Make a Variable 


and using the fill 
tool ® to create a New backdrop: 
colored backdrop. 4 Count 
ka / ca i 
vws 


Click here to make 
each variable. 


_ Now create a custom block for the cat sprite. Choose the second option Type the name 
Choose “More Blocks” in the blocks palette in the menu to add an input of the input 
and make a new block called “play a drum”. window for the drum’s letter. here: “letter”, 
This will trigger a script that plays a drum 7 S 
and makes the cat say the drum’s letter at New Block 
the same time. To keep things simple, the Q 
first version of the script will play the same 
drum sound every time. 

Type “play a drum” Y Options 
in here. 
Add number input: 
New Block ) 


Add boolean input: 


Add string input: 


Add label text: 


Run without screen refresh 


> Options 


( OK | i Cancel ) 


Click here. 
Click “OK” to 


complete the block. 


Choose this option. 
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| Next, add this script to the “define play a drum” 
header block. For now, the cat just says the letter 
and the script plays only one type of drum: a 
snare drum. The script will get longer later so 
that different drums can play. Programmers call a sequence of 
words or letters a string. Think 
of the letters as being strung 
together like beads on a necklace. 


st play a drum 


Drag the “letter” 
block from the 
Dance, cat! header to here. 


play drum avy) for beats 


Now add the script below to ask the user to type 
6. something on their keyboard. This script sends 

the letters one at a time to the cat using the 

“play a drum” block. Anything set as an input 

in the “play a drum” block is put in the blue 

“letter” block in the define script. 


This contains 


whatever you typed. 
The number of letters stored 


in the variable “Words”. 


hí 


s a 
play a drum 


= 3 
— 


With each loop, a different letter 
is set as the input in the “play a 
drum” block. 


On to the 
next letter. 
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Run the project. Type “Scratch” and 
press enter. The cat will shout out 
the letters of “Scratch” to a drumbeat. 


LJ Lo Lo Lal LJA Lal | 
oe jam 
= 


rr 
== oe m == 


=O OPS3SO 


From letters to drums 


The next step is to change the code so that 
each letter plays a particular drum. Scratch 
has only 18 drum sounds, so some sounds 
will be played by more than one letter. 
Spaces and punctuation will create brief 
pauses in the pattern of drums. Scratch Scratch 
also ignores whether letters are capitals “play drum” 
or not—“A” and “a” are treated the same. Black nas 


18 built-in 
sounds. 


w 
` 
1) 


p 
a 


_ First you need to add four new variables: “Alphabet”, which 
8 stores the whole alphabet in order; “AlphabetCount”, which 
stores a letter’s numerical position in the alphabet from 
1 to 26;“NumberOfDrums’, for the number of different 
drum sounds in Scratch; and “ChosenDrum’, to hold 
the number of the drum sound to be played. 


boxes so that 
don't appear 


™u (a 
O Gee) 


me} 


a2 


—. 
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9 Add three new blocks to the start of the Scratch has 18 
main script to set up the “Alphabet” and different drum sounds. 
“NumberOfDrums” variables. The “Draw Type the alphabet 
Drums” message will trigger a script that set [NumberOfDrums ¥ | to [18 ISIE NET 


draws the drums, but that code comes later. 


set | Alphabet ¥ | to | abcdefghijkimnopqrstuvwxyz 
broadcast | Draw Drums ¥ | and wait 


RL Open the menu to create 


a new message and call 


as [reeg makea dram een Tenpera ondt OOU 


set | Words ¥ 


when la clicked 


forever 


set to [1] 


repeat 


aud -— 
play a drum 
k 

change | Count v by C) 


Er 


Add this code to the definition of “play a drum”. It 
10 converts each letter into a number and then uses 

that to play the correct drum sound. If no match is 

found, then a short pause, or “rest”, is used instead. 


set | ChosenDrum ¥ | to | 0 


Start 7 set | AlphabetCount ¥ | to | 1 play drum (1 7) for (0.25) beats CAN Delete the block. 
scans tne 
alphabet for set | ChosenDrum ¥ AlphabetCount 
a match in 
order to if GE © > Numberoforums ERR] then 
convert the 
letter into set | ChosenDrum ¥ | to | ChosenDrum = NumberOfDrums Ha 
a number. 
play drum ChosenDrum for beats 
Is the chosen 
number change [AlphabetCount 7 | by (1) é—~ ~~ On to the next Play the chosen 
bigger than +4 letter of the drum sound. 
the number alphabet. 
Move it back rest for beats QL No drum picked? Just 


into range. take a short break. 


Now run the project and 

11 see if you can create 
some cool drumbeats. d 
Try “aaaaabababab’, 
for instance. Remember 
you can use spaces or 
punctuation marks to 
create pauses. 


FE 
{OEE 
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aaaaabababab J " a cdcdcdeeee 
E Eu 


Light-up drums 


l R | è 
m, ( Drumtastic 


To make the project look more 
interesting you can add a circle 
of 18 colored drum clones— 

one for each sound. Each drum 
will light up when its sound plays. 


12 Click on the sprite symbol ® 


in the sprites list and add the 
Drum1 sprite from the library. 


Add a variable called “drumID’, making sure you 
13 select “for this sprite only”—this lets every clone 
have its own copy of the variable. This variable 
will hold a unique ID number for each drum to 
help them light up at the right time. Uncheck this 
variable so it doesn't show on the stage. 
Choose this option 
or the drums won't 
work properly. 


by Drummer242 (unshared) 


New Variable 


drumID 


Variable name: 


@ For this sprite only 


© For all sprites 


OK Cancel 
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a Add the script below to the Drum1 sprite. When this 
4 script receives the “Draw Drums” message, it draws a 
ring of colored drum clones on the stage, each with 

a unique ID number. 


Each drum is a 
different color. 


around a circle. 


Each clone will take the value 
of “drumID” from the original 
sprite when it's created. 


Next drum 


The next script makes the drums light up as 
they play. Each clone waits for its unique ID 
to match the “ChosenDrum’ variable. When 
it matches, a brief change in color makes 
the drum appear to flash. 


Each drum runs 
this script. 


Wait for this 
drum’s turn. 


Wait for the 
turn to be over. 


Li 

m 
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Run the project. The drums 
should light up in time to the 


sequence. Try the sequence 
“abcdefghijklmnopqrstuvwxyz” 
to see all the drums work in 
order and to see how the 
drums are reused after “r”. 


Hacks and tweaks sem 


The pace at which music plays is called its tempo. 


Being able to create a sequence that The higher the tempo, the shorter the beat 

A i and the faster the music. Scratch has a handy 
controls something > very useful. tempo setting—you'll find it in the Sound section 
You could adapt this idea to make of the blocks palette. Check the tempo box to 
an automatic pia no, singing ducks, display it a stage. ene ae to the D 

sprite so that you can change the tempo with the 

oran ONAREN robot that follows a arrow keys. The space bar will reset the tempo to 
program in the form of letter sequences. 60 beats per minute. 


If you change the “play drum” block to a “play 
note” block, you can create a singing animal. 
You'll need to set the total number of available 
notes to 26 so that every letter has its own note. 


Mindbenders 
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The Magic Spot © o 


Run this project and stare at the cross in the middle while @ E) 
the pink spots around it flash on and off. Within a few $ 
seconds, a ghostly green spot will appear among the pink 

ones, but it isn’t actually there. Scratch gets mysterious 

with this amazing optical illusion. 


The spots take turns to disappear and reappear very quickly, 
causing a gap in the circle that races round. This confuses 
your brain, which fills in the missing spot with its opposite 
color, creating a magic green spot that doesn't exist. Keep 
watching and the magic green spot will erase all the pink 
spots, but this is just an illusion too! 


A Clones with identity 


Keep your eyes fixed Each circle is a clone. In this project, 


This illusion works best on the cross to see yon age Boi vai ne can 
in full-screen modė the illusion. its own copy of a variable—in this 
case, an ID number that’s used to 
y . . . . 
(as A control which circle is hidden at 
Įm, (The Magic Spot ) Pa A any möment, 
by Illusionist101 (unshared) 


The spots take 


eB ee turns to hide. 


an afterimage. If you stare at 
something for a long time 
without moving your eyes, the 
color receptors in your eyes 

tire and your brain starts to tune 
colors out. So when the color 
suddenly disappears, you briefly 
see a negative afterimage—a 
sort of “color hole”. 


A Color in your brain 
i This kind of illusion is called 
A magic green 
spot appears 
in the gap. gb 


Pink costume 


A single sprite is all that’s needed to make 
this illusion, but first you'll need to draw 
the pink spot and black cross as costumes. 


Click on the paint symbol / inthe sprites list 
to draw a new sprite. Select the bright pink 
color in the color palette. 


PL Start a new project and remove the cat sprite. 2 


Make sure you choose this 
color or the illusion might not 
work properly. 


# | editor and drag the mouse while 

holding the shift key on the keyboard 
to paint a solid pink circle. Then release 
the mouse button and click outside the 
shape once to get rid of the box. 


Click once outside the shape 
to get rid of this box. 


The numbers tell you 
the costume'’s size. 


Click near the middle of the paint 4 


M 


Select the ellipse tool and then, at the bottom 


| of the paint editor, click on the right-hand oval 


to draw filled shapes rather than outlines. 


Select this tool. 


"o 


Your newly drawn spot will appear in the costumes 
list. The numbers under its name tell you its size. 
You need a spot about 35 x35 in size, but don’t 
worry if it's wrong—the next step shows you 

how to resize it. 


7 
Scripts Costumes | 


New costume: (costume1 ) 


O/ ai Gi 


costume1 
62x61 


Click once more on the shrink or grow tool at the top to 
turn it off, then select the center tool and click in the middle 


If it’s too big or too small, click on 
either the shrink tool or grow tool at 


the top of the Scratch window. Click of your spot to center it. Name this costume “Spot” at the 
on the spot in the paint editor until top of the paint editor. 
the costume'’s size is 30-40. 


Grow tool 


Click in the middle to 
Shrinietool center the costume 
rink too with the center tool. 


Name the costume “Cross”. 


) The next step is to create the New costume: — - ; = 
j black cross that appears in the á TERN oi | Cross ) OC) (clear \( Add )( Import ) TCICIEY ES] 
middle of the illusion. Click Us A) 
the paint symbol / under the i N 
words “New costume” to start = Draig 
drawing a new costume, then aP A 
use the line tool to make e, 
a black cross about half as big Spot T 
as the spot. To draw perfectly 35x35 >) 
horizontal and straight lines, 2) 
hold down the shift key. i@| Zdon ih trates 
Center the costume as 2) drawing the cross easier. 
you did with the spot. = 
eae 
a ann 7 S) Q=aQ 
al EE TT soos 
A Bitmap Mode 
<(} ( Convert to vector ) 


Circle of clones 


Now to fill in the background and create the circle 
of clones. The script will give each clone a unique r- 
identification number that will make it easy to hide. 


Sprites 


To create the correct backdrop for the 
illusion, click on the paint symbol / in 


the lower left of Scratch. Stage 


1 backdrop Sprite1 


Clickh New backdrop: 
ick here to create + 
a new backdrop. Ja LO 


LI 
j a 
THE MAGIC SPOT 


Now select this gray color. Make sure you 
9 get the exact shade or the illusion might not 

work properly. Use the fill tool to create 

a gray backdrop. Just click anywhere in the 

paint area. 


Make sure you select 
this shade of gray. 


Click on the sprite and select the Scripts tab. New Variable 
10. Choose Data in the blocks palette and click on 
“Make a variable”. Create a variable called “id” Variable name: id 
and select the option “For this sprite only” This 
is important as it allows each clone to have its O For all sprites @ For this sprite only 
own copy of the variable with its own value. 
Uncheck the box in the blocks palette so that Select this 


the variable doesn’t show on the stage. (co) i 


Type 
“id” here. 


This sets the center 


Nl Now add the two scripts shown here to create 
of the circle. 


12 clones of the pink spot arranged in a circle. 
When a clone is created, it gets a copy of the 
original sprite’s “id” variable, which means 
each clone has a unique number. 

moves to the 


once for each spot. 
rim of the circle. 


The sprite 


A cloned 
spot is made. 


This temporary script 
shows that each clone The sprite moves 
has its own “id” number. back to the center. 


The clone is given 
a unique number. 


| 
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Run the project and each clone [rs - 
will say its own value of “id”. Įm, (The Magic Spot ) fu ® 


Each will be different, counting podllustonist unshared) 


0-11 around the circle. f esta 


go | Mi 2 | 
I The original —! 
sprite doesn't 
run the “say” as 


block. 


mg 


» Now delete the smaller script 
iw because you don't need to see those 
speech bubbles during the illusion. 


Delete this script. 


Creating the illusion 


Now, to make the code hide each of the spots in turn, 
you'll need to make a new variable, called “Hidden’, 
that will specify which clone should hide. 


14 Click the orange Data block in the blocks (a DE 
palette and make a new variable. Call it 
“Hidden”. Uncheck its box in the blocks Variable name: Hidden 
palette so that the variable doesn’t appear 
on the stage. @ For all sprites O For this sprite only 


Make sure this A 


option is selected. ( OK ) ( Cancel ) 


THE MAGIC spoT =u 2O5= 


Now add this separate script to the sprite. All the 
clones run this script. Only the clone whose “id” 
number matches the “Hidden” variable will hide. As 
the value of “Hidden” rises, each spot hides in turn. 


= Add the blocks shown below to 
iw) the bottom of the sprite’s script, 


but don't run the project yet. 


rT) 
The “Cross” costume 


appears in the center. 


—_ 


The “Hidden” variable 
controls which spot hides. 


The “Hidden” variable 
counts up to 11 and then 
jumps back to zero. 


Open the menu and 
create a new message 
called “Hide Spot”. 


This number controls the 
speed at which the magic 
spot moves around the circle. 


m g" 
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» Run the project. You should see the gap move around the circle. Put the 
7 stage into full-screen mode and stare at the cross. Within a few seconds, 
you'll see the magic green spot. Keep staring at the cross and the magic 

spot will start to erase the pink spots. When you look away from the 


j ó Stare at the cross 
cross, you'll just see the empty gap again. 


to see the illusion. 


“a 
m, (The Magic Spot 


by Illusionist101 (unshared) 


The magic spot 
vanishes if you 
look directly at it. 


The “if then” block is very useful for either 
running or skipping a group of blocks 
depending on the answer to a question. But 
what if you want to do one thing for yes (true) 
and another for no (false)? You could use two 
“if then” blocks, but programmers face this 
problem so often that they created another 
solution: “if then else” The “if then else” block 
has two jaws, for two sets of blocks. The top 
set runs on yes, the bottom set runs on no. 


No 
(false) 


a 
THE MAGIC SPOT 


Hacks and tweaks 


You can use Scratch to investigate this curious optical 
illusion further. Would the illusion still work if you change oy 
the color of the spots or background or change the E-E 
speed? What if there were more spots, or more than — 
: ma? eie: esi 
one spot hidden at the same time? The possibilities are | El 
endless. Save a copy and start fiddling with the code. —= 
Right-click on the slider 


and set the minimum and 
maximum to -100 and 100. 


me 


G | The Magic Spot 


by IIlusionist101 (unshared) 
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A Color controls 

To find out which colors make the illusion strongest, 
create a new variable called “SpotColor” and add a slider 
to the stage. Add a “set color effect” block to the sprite’s & d 
script under the “when I receive” block. Run the project & 

and try different colors. Which ones work best? Does 
the magic spot change color too? 


Try adding a new variable, called “Delay”, to 
set the speed of the magic spot. You'll need to 
add these two blocks to the script—see if you 


can figure out where to put them. Right-click 
(or control/shift-click) on the variable on the 


stage and choose “slider”. Does the illusion ( Delay ) 
still work if you slow it down? 


a 
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the spiral move to 


It’s easy to use Scratch’s Pen feature to ae i the music! r 


Spiral-o-tron i E ] 


create amazing visual effects, such as di 
this multicolored spinning spiral. If your “inl 
computer has a microphone, you can adapt M 

the project to make the spiral react to sound. 


There are many types of spirals, but this project 
paints a very simple one. Just take a step, turn 10 
degrees to your right, take two steps, turn 10 degrees 


With each turn, the cat 
walks slightly farther. 


to your right, take three steps, and so on... In this spiral, 
each turn is 
10 degrees. 
This project looks best 
in full-screen mode. 
E, (Spiral-o-tron ) 
by Hypnotic09 (unshared) 
The colored 
line thickens 


in response 
to loud noises. 


The spiral is 
drawn using the 
Scratch pen. 


© oe 


SPIRAL-O-TRON 


Build the spiral 

This project shows you how to use Scratch’s pen 
to create fast-moving, interactive effects. Follow 
the steps below to build a simple spiral first. 


Start a new project. Delete the cat sprite and Now turn the stage black to make the spiral 
ale click on the paint symbol / in the sprites list. stand out. Click on the backdrop’s paint 

You don't need to draw a sprite as it’s just a symbol / in the lower left of Scratch. Pick 

guide for the pen. Call the sprite “Spiral”. black in the paint editor and use the fill 


tool to create a solid black backdrop. 


Use the fill 
tool to color 
the backdrop. 
backdrop2 
Spiral 480x360 


The project needs lots of variables. 
3 Select the spiral sprite and create 

the following variables: “Repeats”, 

“DrawLength”, “DrawLengthIncrease”, 

“TurnAngle”, and “StartDirection”. 

Uncheck their boxes so they don't 

appear on the stage. 


How many sections 
to draw altogether 


The direction the sprite 
faces at the beginning 


Length of each straight 
section of the spiral 


How much longer this straight 
section is than the last section 


How much the sprite turns 


y 
` Now create a custom block to Nici pias a? 
draw a spiral. Select More Blocks 
and then click on “Make a Block”. 


> Options 


Click “OK” to OK } ( Cancel 
make the block. 


210% mINDBENDERS 


You will now see the “define draw spiral” header in the scripts 
5. area. Add the following script to it. Read through the Scratch 

blocks and think about the steps. Don’t run the project yet 

because there isn’t any code to trigger the new block. 


draw spiral 


define 


This loop draws the 
spiral using the method 
explained earlier. 


Now add the main script to set 
up the variables and trigger the 


“draw spiral” block. 


These blocks set 
the properties of 
our spiral. 


| draw spiral 


— 


' oe 
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by Hypnotico9 (unshared) 


_ Run the project. A spiral like this 
will appear. It will take around 


30 seconds to draw. 


Spin the spiral 


To make the spiral spin, Scratch will draw it 
repeatedly, each time in a new position. To 
make this happen quickly, you need to use 
a special trick to run blocks faster. 


_ The spiral takes a long time to draw Now click on “Options” and the menu shown 
8 because Scratch redraws the whole stage below will appear. Check the box labeled “Run 
every time you add a new straight-line without screen refresh”. 
section to the spiral. You can set the 
custom block to not redraw the spiral Click here to open 
until it’s finished. To do this, right-click the options menu. 
on the “define” block and choose “edit” 


fa New Block \ 


wv Options 


Add number input: 


-ro 


Add string input: 


Add boolean input: « 2 


Add label text: text 


MI Run without screen refresh 


| 


Click on “edit”. (| OK | Cancel | 


Click here for 
fast drawing. Click “OK” to finish. 


ee 
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Now run the project and the spiral will appear so quickly 

10 that you won't see it happen. The next trick is to keep 
redrawing the spiral in different positions so it appears 
to spin. Add a new variable called “SpinSpeed’, uncheck 
its box, and change the main script to look like this. 


This block turns 
the whole spiral 
by SpinSpeed 
degrees each time. 


The loop redraws the spiral 
with different start directions. 


Full-screen mode 


Run the project and watch the AA - 

11 spiral spin. Try switching to full- =, (Spiral-o-tron ) Ba © 
screen mode for a hypnotic effect. Ship gece Wises’) 
If you stare at the center for a 
while and then look away, you 
might see things ripple weirdly 
for a moment—an optical illusion. 


The whole spiral 
spins clockwise. 


SPIRAL-O-TRON "213 


Add some color 

The pen color can be controlled to create some 
amazing effects. Simple changes to the scripts 
create patterns like the one shown here. 


Add another variable: : 

4 fF Starts the spiral 
ColorChange”. Then change with the same 

the scripts as shown here and CO color each time. 


run them to see the new 
colorful spiral. 


This block changes the color 
a little for each line section 
drawn, giving a rainbow effect. 
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Move to the music z 
If your computer has a microphone, you can make the ee 
spiral react to sounds and music. You'll need to use 
special blocks that detect and measure sound volume. = a 


y | Add two new variables: “Sensitivity” 
when = ice B and “SoundLevel”. Change the main 


set | Repeats | to script to look like this. 
set | DrawLengthIncrease v | to 
set | TurnAngle v | to [6 | 
set | StartDirection v | to [o] Increase the value here 
if your spiral isn't moving 
set | SpinSpeed ¥ | to much to the sound. 
set | ColorChange v | to [B] 


set | Sensitivity v to [3] 


forever 


set | SoundLevel + | to 


Scratch constantly measures Louder noises make 
the sound volume and gives thicker spirals. 
this block a value from 0 to100. 


Sensitivity rz 


SoundLevel 


(E 


draw spiral | 


oundLevel 


As the volume rises, 
the color flows 


change by SpinSpeed along the spiral. 


or sing near your computer. Scratch will 
ask you to use your microphone—it’s 
OK to click “yes” The spiral will dance 

to the music! 


14 Run the project and play some music 


Hacks and tweaks 


Don't be afraid to change the variables 
or other numbers in the code to see what 
happens. You can also add slider controls 
to experiment with the look and motion 
of the spiral. 


V Presets 


If you use your sliders to make a spiral you really 
like, write down all the values and then create a 
“preset” to set those values at the touch of a key. 
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V Sliders 

If you show the control variables on the stage, 
you can right-click and add sliders to them. 
These allow you to experiment with different 
values while the project is running. 


ColorChange ese 


Q 


You can right-click on a slider 
again to set its limits. 


V Hiders 


You can add scripts like these to show and 
hide your sliders when you hit certain keys. 
That way they won't spoil the view! 


1 


m=" TRY THIS 
Sound reaction 


You can have a lot of fun in other 
projects making sprites react 

to sound. Check the “loudness” 
block to see the volume 
displayed on the stage. Try giving 
scripts like these to some sprites 
or invent your own scripts. 


| set size to 


effect to 


Gams « 


"say [Be quiet! | for @) secs | 


What next? 


a 
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Next steps 


After working through this book, your knowledge of Scratch should 
be strong enough to take you to new places. Here’s some advice 

on taking your coding skills to the next level, as well as a few 
suggestions on where to find inspiration for your own projects. 


Exploring Scratch 

The Scratch website www.scratch.mit.edu is a great place to see other 
people's work and share your own projects. Click “Explore” at the top 

of the website to view projects that other Scratchers have shared. 


There are millions of projects on Click the Studios tab to see 
the Scratch website. Click here to projects grouped by themes 
see what great stuff you can find. that Scratchers have created. 


P| Search 


Explore 
P 
f Projects ) Sudos Sort by: | Shared v |Í Past30daysw | 
@ 
_ Featured 
All 
Animations 7 
Click on any 
Art project to 
open its 
Games Spiralizer Fireworks Display Ask Gobo project page. 
by SpiralAttack by MagicLight01 by FortuneTeller100 
Music @ 924 x 500 ©27 © 8224 @ 883 x 496 ©40 © 7727 @ 352 x 285 ©17 © 4325 
. Fireworks Displa 24 scripts 
Stories by MagicLighto1 pay l QO 


Tag: | [Go } = Instructions 
= þa @) | “lick anywhere on the stage to launch a firewort 


Use this menu to sort 
projects by Scratch’s 
main categories. 


Notes and credits < Project page 

FS BAC Rabb Wok cantedlby veal Boa Each project has a main page 
that lets you explore and run 
it. Click “See inside” to see the 


Click the star to | 
bookmark a project in TMS @ Shared: 2 May 2016 Modified: 19 May 2016 code. If you want to copy the 
your favorites list. z zx 5 project and change the code, 


yi a - look for an orange “remix” 
Click the heart if Total views button. This links your new 


you love a project. project to the original. 
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>> Sharing 


To share one of your projects with other Scratchers, open 

the project and click the “Share” button at the top of Scratch. 
Anyone can find your project once you've shared it. You can 
also see how many fellow Scratchers have tried your projects, 
and people can “favorite” and “love” your project too. 


Making your own projects 
Scratch is a great playground for trying out your own 
coding ideas. Open up a new project and see where 

your computer mouse takes you. 


V Doodling 
Scratch is designed to make experimenting easy. Just 
add a sprite you like and create some fun scripts like 


these. Maybe turn on the pen to see what loopy 
pattern your sprite makes. Play with variables and 
add sliders so you can see their effects immediately. 


V Have fun! 


Programming can be great fun. Working 
with others and sharing your projects 
will really help your coding develop. 


V Learn another language Why not join or start a coding club 
Why not stretch yourself and learn another programming at your school or local library? Or get 
language? Python is easy to get started in, and you'll recognize together with friends who like Scratch 
many of the techniques used in Scratch, like making decisions and have a coding party where you 
using “if then” and repeating code with loops. can work on themed projects together. 


if a == 

print (‘Hello!’) 
ellis ek 

print( ‘Goodbye!’ ) 


Scratch Python 
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Glossary 


algorithm 

A set of step-by-step 
instructions that perform 

a task. Computer programs 
are based on algorithms. 


animation 

Changing pictures quickly 
to create the illusion 

of movement. 


backpack 

A storage area in 
Scratch that allows 
you to copy things 
between projects. 


bitmap graphics 
Computer drawings 
stored as a grid of 
pixels. Compare 
with vector graphics. 


block 

An instruction in Scratch 
that can be joined to other 
blocks to build a script. 


Boolean expression 

A statement that is either 
true or false, leading to 
two possible outcomes. 
Boolean blocks in Scratch 
are hexagonal rather 
than rounded. 


branch 

A point in a program 
where two different 
options are available, 
such as the “if then else” 
block in Scratch. 


bug 

A coding error that makes 
a program behave in an 
unexpected way. 


call 

To use a function, procedure, 
or subprogram. A custom 
block in Scratch is a call to 
the “define” script with the 
same name. 


clone 

A fully functioning copy 
of a sprite that can move 
and run scripts on its 
own, separate from 

the original sprite. 


condition 

A “true or false” statement 
used to make a decision 
in a program. See also 
Boolean expression. 


coordinates 

A pair of numbers that 
pinpoint an exact spot 
on the stage. Usually 
written as (x, y). 


costume 

The picture a sprite shows 
on the stage. Rapidly 
changing a sprite’s 
costume can create 

an animation. 


data 


Information, such as text, 
symbols, or numbers. 


debug 
To look for and correct 
errors in a program. 


directory 
A place to store files to 
keep them organized. 


ellipse 
An oval 


event 

Something a computer 
program can react to, such 
as a key being pressed or 
the mouse being clicked. 


execute 
See run 


export 

To send something to the 
computer from Scratch, such 
as a sprite or a whole project 
saved as a computer file. 


file 
A collection of data stored 
with a name. 


fractal 

A pattern or shape that 
looks the same when you 
zoom in or out, such as the 
shape of a cloud, a tree, or 
a cauliflower. 


function 

Code that carries out a 
specific task, working like a 
program within a program. 
Also called a procedure, 
subprogram, or subroutine. 


global variable 

A variable that can be 
changed and used by 
any sprite in a project. 


gradient (color) 

Moving smoothly from one 
color to another, like the sky 
during a beautiful sunset. 


graphics 

Visual elements on a screen 
that are not text, such as 
pictures, icons, and symbols. 


GUI 

The GUI, or graphical user 
interface, is the name for 
the buttons and windows 
that make up the part of 
the program you can see 
and interact with. 


hack 

An ingenious change to code 
that makes it do something 
new or simplifies it. (Also, 
accessing a computer 
without permission.) 


hardware 

The physical parts of a 
computer that you can see 
or touch, such as wires, the 
keyboard, and the screen. 


header block 

A Scratch block that starts 
a script, such as the “when 
green flag clicked” block. 
Also known as a hat block. 


import 

To bring something in from 
outside Scratch, such as a 
picture or sound clip from 
the computer's files. 


index number 


A number given to an item 
in a list. 


input 

Data that is entered into a 
computer. Keyboards, mice, 
and microphones can all be 
used to input data. 


integer 

A whole number. An integer 
does not contain a decimal 
point and is not written as 

a fraction. 


interface 
See GUI 


library 

A collection of sprites, 
costumes, or sounds 
that can be used in 
Scratch programs. 


list 
A collection of items stored 
in a numbered order. 


local variable 

A variable that can be 
changed by only one 
sprite. Each copy or 
clone of a sprite has 

its own separate version 
of the variable. 


loop 

A part of a program that 
repeats itself, removing 
the need to type out the 
same piece of code 
multiple times. 


memory 
A computer chip, inside 
a computer, that 

stores data. 


message 


A way to send information 
between sprites. 


network 

A group of interconnected 
computers that exchange 
data. The internet is a 
giant network. 


operating system (OS) 
The program that controls 
everything on a computer, 
such as Windows, OS X, 

or Linux. 


operator 
A Scratch block that uses 
data to work something 


out, such as checking 
whether two values are 
equal or adding two 
numbers together. 


output 

Data that is produced by 
a computer program and 
viewed by the user. 


particle effect 

A visual effect in which 
lots of small patterns 
move in an organized 
way to create a larger 
pattern. Particle effects 
in Scratch usually 

use clones. 


physics 

The science of how things 
move and affect each 
other. Including physics 

is often important in 
simulations and games— 
for example, to create 
realistic gravity. 


pixel art 

A drawing made of giant 
pixels or blocks, mimicking 
the appearance of graphics 
in early computer games. 


pixels 

The colored dots 
on a screen that 
make up graphics. 


procedure 

Code that carries out a 
specific task, working 
like a program within 

a program. Also called a 
function, subprogram, 
or subroutine. 


program 
A set of instructions 
that a computer follows 
in order to complete 

a task. 


programming language 
A language that is used 
to give instructions to 

a computer. 


project 

Scratch’s name for a program 
and all the sprites, sounds, 
and backdrops that go 

with it. 


Python 

A popular programming 
language created by 
Guido van Rossum. Python 
is a great language to learn 
after Scratch. 


random 

A function in a 
computer program that 
allows unpredictable 
outcomes. Useful when 
creating games. 


run 
The command to make 
a program start. 


Scratcher 
Someone who uses Scratch. 


script 

A stack of instruction 
blocks under a header 
block that are run in order. 


server 


A computer that stores files 
accessible via a network. 


simulation 

A realistic imitation of 
something. A weather 
simulator might re-create 
the action of wind, rain, 
and snow. 


software 

Programs that run on 

a computer and control 
how it works. 


GLOSSARY 


. g. 


sprite 

A picture on the stage in 
Scratch that a script can 
move and change. 


stage 

The screenlike area of the 
Scratch interface in which 
projects run. 


statement 

The smallest complete 
instruction a programming 
language can be broken 
down into. 


string 

A series of characters. Strings 
can contain numbers, letters, 
or symbols. 


subprogram or subroutine 
Code that carries out a specific 
task, working like a program 
within a program. Also called 
a function or procedure. 


turbo mode 

A way of running Scratch 
projects that makes the 
code work much faster than 
normal. You can switch turbo 
mode on and off by holding 
the shift key as you click the 
green flag. 


tweak 

A small change made to 
something to make it work 
better or differently. 


variable 

A place to store data that can 
change in a program, such as 
the player's score. A variable 
has aname and a value. 


vector graphics 
Computer drawings stored 
as collections of shapes, 
making them easier to 
change. Compare with 
bitmap graphics. 


aS 
WHAT NEXT? 


Index 


Page numbers in bold refer 
to main entries. 


A 


addition 108 

afterimages 200 

algorithms 15, 44, 164, 220 

“and” block 55, 150 

Animal Race 22, 48-59 

animations 182, 184, 188, 220 

arrow keys 32, 42, 43, 104, 197 

art projects 13, 22,80-119 
Birthday Card 22, 82-93 
Fantastic Flowers 22, 106-19 
Spiralizer 22, 94-105 

Ask Gobo 22, 60-69 

atmosphere 124-25 


B 


backdrop 17 

adding a message to 84-85 

changing color 167 

library 39, 51, 119, 152, 183 

loading a new 39, 51, 62, 86 
backpack 19, 21, 220 
Birthday Card 22, 82-93 
bitmap graphics 220 
“Bitmap Mode” 72 
blocks 16, 220 

actions performed by 17 

custom 106-19 

ready-made 15, 16 

running faster 211 
blocks palette 20, 21, 28-30, 159 
bookmarking projects 218 
Boole, George 66 
Boolean conditions 66 
Boolean expressions 220 
Boolean operator: “not” 55 
boxes, drawing 85, 146, 156 
broadcast blocks 91, 160 
“broadcast message” block 54 
“broadcast and wait” block 165 
brush tool 72, 73, 75, 135, 146, 156 
bugs 15, 220 

see also hacks and tweaks 


C 


C programming language 14 
C++ programming language 14 
calculations 108 

call 109, 110, 220 

camera control 139-40 

Cat Art 22, 26-33 


center tool 73, 76, 89, 131, 146, 156, 
158, 202 
chance 60 
“change color effect” block 26, 30, 
196 
“change pen color” block 101, 103, 
213 
“change size” block 92 
“change whirl effect” block 92 
Christmas cards 153 
“clear” block 31, 101, 110, 114 
“clear graphic effects” block 33 
clones 77, 220 
adding movement to 96 
creating symmetrical patterns 
with 175 
deleting 97, 99, 101, 148, 149, 170 
drums 195-96 
Fireworks Display 154-61 
Fractal Trees 163-66 
hiding 104 
maximum number 96, 149, 154, 
169, 179 
Snowflake Simulator 175-77 
special script affecting 96 
Spiralizer 94-97 
stamping a copy 149 
unique identification number 
195, 196, 202, 203-04 
Virtual Snow 144, 145, 147-49 
Window Cleaner 134, 136-39 
clubs, coding 8, 219 
code 15 
coding 
clubs 8, 219 
parties 219 
what is coding? 10-23 
color 
blending 146 
changing 26, 30-31, 32, 78, 
160-61, 207 
gradient 147, 157, 220 
optical illusion 200-07 
color palette 72, 73, 77, 125, 146, 
201 
conditions 66, 220 
Control blocks 29 
control key 19 
controls 
camera 134, 139-40 
keyboard 42, 188 
making games harder 58 
mouse 19, 28-29, 122, 127-30, 
134, 138, 154, 156, 157 
touchscreen 182 
“Convert to vector” 158 
coordinates 74, 83, 87, 89, 105, 118, 
131,220 
copies of projects 57, 93 
costume editor 118 
costumes 220 
centering 146, 158 
changing 37, 43, 78, 132 
checking size 201-02 


creating 187, 201-02 
library 75 
modifying 187 
naming 202 
Costumes tab 21, 37, 118, 136, 164 
countdowns 57, 138, 141 
cursor tools 20 
custom blocks 106-19, 191, 209 


D 


data 220 

Data blocks 50, 59, 63, 65, 97, 131, 
136, 159, 164, 174, 191 

debug 220 

“define” blocks 211 

“define” header block 110, 111, 112, 
113, 116, 119 

degrees, and direction 89 

dice 64 

difficulty 
making games harder 58 
slider 141 

Dino Dance Party 17, 22, 34-47, 
164 

directions 89 

directory 220 

division 108 

Drumtastic 23, 190-97 


E 


edit custom block 

111-13 
editing sounds 189 
editor mode 96 
ellipse tool 75, 145, 187, 201 
“equal to” block 66 
eraser tool 122, 125, 126, 187 
Events blocks 29, 31 
explosions 154, 158-59 
export 220 


F 


faces, creating your own 70-79 

“fairydust” 183 

Fantastic Flowers 22, 106-19 

“favorite” 219 

File menu 36 

files 220 

fill tool 73, 77, 79, 97, 125, 136, 147, 
174, 191, 203, 209 

Fireworks Display 23, 154-61 

fisheye effect 33 

Font menu 85 

“for this sprite only” variable 159 

“forever” block 17, 29, 33, 129 

“forever” loops 42, 46, 67, 78, 137, 
179, 196, 212, 213 

fortune-telling project 60 


Fractal Trees 23, 162-71, 172, 174 

fractals 162, 220 
in nature 163 

framing 79 

full-screen mode 20, 31, 69, 82, 
103, 166, 177, 212 

function 220 

Funny Faces 70-79 


G 


games consoles 15 

games projects 13, 15, 120-41 
Tunnel of Doom 22, 122-33, 

140 

Window Cleaner 22, 134-41 

ghost effect 33, 78, 92, 134, 139, 
151, 159 

“glide” block 83 

global variables 220 

Gobo 60-69 

“go to” blocks 76, 105, 127, 131 

“go to front” block 153 

“go to mouse-pointer” block 28, 
127 

gradient tool 147, 157 

graphics 13, 220 

“greater than” block 66 

green flag 17, 29 

grow tool 202 

GUI (graphical user interface) 
10-11, 221 


H 


hack 220 
hacks and tweaks 
Animal Race 57-58 
Ask Gobo 67-69 
Birthday Card 92-93 
Cat Art 32-33 
Dino Dance Party 46-47 
Drumtastic 197 
Fantastic Flowers 118 
Fireworks Display 160-61 
Fractal Trees 168-69 
Funny Faces 78 
The Magic Spot 207 
Snowflake Simulator 178-79 
Spiral-o-tron 215 
Spiralizer 103-05 
Sprites and Sounds 188-89 
Tunnel of Doom 132-33 
Virtual Snow 153 
Window Cleaner 140-41 
hand movement, controlling by 
134 
hardware 220 
header blocks 220 
“hide” block 151 
“Hip-Hop” dance postures 47 
hypnotic effect 212 


ice crystals 173 

“if then” blocks 42, 43, 66, 
97, 110, 130, 141, 149, 150, 
194, 206, 219 

“if then else” block 206 

information storage, variables 
48,51 

input 220 

input windows 111, 112, 
113, 191 

integer 220 

interactive features 15 

interface, Scratch 10-11 

internet 18 

invisible objects 144, 151-52 


JK 


Java 15 
JavaScript 15 
keyboard 
letters as sounds 190, 
193-95 
and mouse control 19 
shortcuts 103 
sprite control 42, 188 


L 


laptops 15 
“length” block 116 
“less than” block 66 
libraries 221 
backdrop 39, 51, 119, 
152, 183 
costumes 75 
sounds 40, 57, 86, 124, 130, 
141, 184-87, 188 
sprite 36, 75, 96, 188, 195 
line tool 75, 156, 202 
Linux computers 18 
lists 221 
local variables 221 
Looks blocks 30 
loops 29, 33, 119, 219, 221 
and clones 77, 96, 105, 152 
countdown 139, 141 
forever 42, 46, 67, 78, 137, 179, 
196, 212, 213 
loops inside loops 45 
music 40 
repeat 44-45, 46, 92, 108, 
112, 159, 168, 192, 194, 
196, 210 
repeat until 128 
and repeating patterns 162, 
164, 168, 176, 178 
and sprite movement 38 
“loudness” block 215 
“love” 218, 219 


M 


Mac computers 18 
Magic Spot, The 23, 200-07 
“Make a Block” 109, 209 
“Make a variable” button 50 
math 108 
mazes 122-23, 125-27, 132 
menus 20 
message blocks 54-55, 130 
messages 48, 221 
microphone 208, 214 
symbol 93, 189 
mindbenders 23, 198-215 
The Magic Spot 23, 200-07 
Spiral-o-tron 23, 208-15 
Minecraft 15 
mirror images 46 
mobile phones 15 
Moiré patterns 100 
More blocks 109, 191, 209 
Motion blocks 28, 41, 76 
motion detection 134, 139, 
140 
mouse 
control 28-29, 122, 127-30, 
134, 138, 154, 156, 157 
creating scripts 16 
mouse-pointer 
moving sprites 26, 104 
right-clicking 19 
“move” block 96, 98 
movement 
and costume change 37-39, 
43-5 
moving patterns 154 
multicolored effect 32 
multiplayer games 141 
multiplication 108 
music 13 
adding 40, 124-25 
Drumtastic 190-91 
Happy Birthday 86, 87, 90-91, 
93 
recording your own 93, 214 
singing animals 197 
Spiral-o-tron 208, 214 
stopping 130 
tempo 197 
“Music Loops” 124 
music and sound projects 23, 
180-97 
Drumtastic 23, 190-97 
Sprites and Sounds 23, 
182-89 


NO 


names, player's 50, 51 
networks 221 

“new message” block 54 
“next costume” block 37, 38 
“not” block 55 


offline Scratch 18 

online Scratch 18 

operating systems (OS) 14, 221 
operators 221 

Operators blocks 55, 66, 108 
optical illusions 23, 200-07, 212 
“or” block 55 

OS X computers 18 

output 221 


P 


paint editor 
Birthday Card 88 
Dino Dance Party 37 
Fireworks Display 156 
Funny Faces 72-74 
Magic Spot 201, 202 
Snowflake Simulator 174 
Tunnel of Doom 122, 125, 131 
Virtual Snow 145, 146 
Window Cleaner 135 
parent sprite 96 
particle effect 154, 160, 221 
parties, coding 219 
Pen blocks 30, 31, 95 
“pen down” block 95, 100, 105, 210 
“pen up” block 210 
photos, adding 93 
physics 221 
“pick random” blocks 64, 68, 113, 
115, 117, 132, 150, 168, 177 
pixel art 221 
pixels 221 
“play sound” block 57, 130, 184 
“play sound until done” block 125, 
184 
“point in direction” block 42, 210 
programming see coding 
programming languages 13, 
14-15, 219, 221 
see also Java; Python; Scratch 
programs 221 
algorithms 44 
Boolean conditions 66 
Boolean operators 55 
building 16 
loops 33 
making choices 43, 60 
running 17,29 
subprograms 106, 110 
writing 12 
project page 218 
projects 221 
Animal Race 22, 48-59 
Ask Gobo 22, 60-69 
Birthday Card 22, 82-93 
Cat Art 22, 26-33 
Dino Dance Party 34-47 
Drumtastic 190-97 
Fantastic Flowers 22, 106-19 
Fireworks Display 154-61 
Fractal Trees 162-71 


Funny Faces 22, 70-9 
The Magic Spot 200-07 
sharing 218, 219 
Snowflake Simulator 172-79 
Spiral-o-tron 208-15 
Spiralizer 22, 94-105 
Sprites and Sounds 182-89 
Tunnel of Doom 22, 122-33 
Virtual Snow 144-53 
Window Cleaner 22, 134-41 
Python 15, 219, 221 


QR 


questions, asking 60-69 
random block 150, 159 
random locations 137 
random numbers 60, 63, 64, 
67-69, 105, 115, 172 
random orders 69 
Raspberry Pi 18, 19 
recordings 93, 188 
rectangle tool 75, 79 
“remix” button 218 
repeat loops 46 
Birthday Card 92 
Dino Dance Party 44-45 
Drumtastic 192, 194, 196 
Fantastic Flowers 108, 112 
Fireworks Display 159 
Fractal Trees 168, 169 
Snowflake Simulator 176, 178 
Spiral-o-tron 210 
repeat until loops 128 
rotation styles 41, 46 
“Run without screen refresh” 211 
running programs 29 


S 


saving work 31, 93, 115, 132, 141, 151 
online and offline Scratch 18 
“say” block 47, 51, 64, 68-69, 192 
scale 119 
scores 50, 51, 137, 140 
Scratch 13, 15 
downloading and installing 18 
exploring 218 
getting Scratch 2.0 18-19 
how Scratch works 16-17 
online and offline Scratch 18 
Scratch 1.4 19 
Scratch interface 20-21 
a typical Scratch project 17 
versions of 19 
website 218 
Scratch pen 94, 95, 100-02, 162, 
208-09, 219 
Scratchers 221 
scripts 16, 221 
building 16, 28-29 
changing 30 


Bil 
WHAT NEXT? 


running 29 
timing of 83 
triggering (“calling”) 109, 110 
working together 17 
scripts area 20, 21, 28 
Scripts tab 21, 38, 89, 147, 203 
secret pictures 144, 151-52 
“See inside” 218 
select tool 85, 88, 156 
Sensing blocks 42 
servers 221 
“Share” button 219 
sharing projects 218, 219 
shift key 19, 131, 145, 151 
shortcuts, keyboard 103 
shrink tool 202 
simulations 23, 142-79, 221 
Fireworks Display 23, 154-61 
Fractal Trees 23, 162-71, 172, 174 
Snowflake Simulator 23, 172-79 
Virtual Snow 23, 144-53 
singing animals 197 
six-fold symmetry 172, 173 
sliders 
difficulty 141 
hiding 104, 215 
playing with 219 
and value of variables 94, 97-99, 
102, 103, 215 
Snowflake Simulator 23, 172-79 
software 18-19, 221 
sound 13, 180-97 
adding 93, 124, 141, 214 
Drumtastic 190-97 
editing 189 
previewing 124 
recording your own 188, 189, 214 
library 40, 57, 86, 124, 
130, 141, 184-87, 188 
Spiral-o-tron 208, 214 
Sprites and Sounds 182-89 
tempo 197 
volume 214, 215 
Sound blocks 184 
sound effects 57, 67, 105, 132, 189 
Sounds tab 21, 40, 57, 124, 183, 
184, 188 


special effects 13, 26, 33, 67, 78, 
92, 153 
speech bubbles 61, 191 
Spiral-o-tron 23, 208-15 
Spiralizer 22, 94-105 
sprites 16, 221 
adding accessories to 75 
adding code 136, 137 
adding more 51-53, 57, 132 
adding movement 16, 41 
adding sounds 182-89 
adding speech 47 
built-in sounds 184 
center point 73, 76, 131 
changing color 16, 67 
changing costumes 36, 37, 67 
changing size 32, 62, 92, 119, 
127, 128, 129, 130 
copying 39 
creating your own 16, 70-79, 88, 
151, 156, 188 
dancing 34-47 
delivering messages 16 
invisible 151-52 
mouse control 122-23, 127-30 
painting new 135-36 
painting with 26-33 
renaming 52, 74, 76, 88, 124, 127, 
145, 164 
selecting new 36, 62 
setting direction of 99 
sprite library 36, 75, 96, 188, 195 
sprites list 20 
using photos to make 93 
see also clones 
Sprites and Sounds 23, 182-89 
stage 17, 20, 221 
center of 74 
clearing 31, 33, 99, 110, 115, 179 
decorating 51 
flashing 156 
position on 74 
scripts 40 
see also backdrop 
“stamp” block 26, 30, 31, 77, 106, 
108, 149-50, 170 
starfield 153 


statements 221 
“stop” block 59 
strings 192, 221 
Studios tab 218 
subprograms 106, 110, 221 
subtraction 108 
subtraction block 119 
supercomputers 15 
symmetry 

six-fold 172, 173 

values 175 


T 


tabs 20, 21 
templates 118 
tempo 197 
text tool 85 
thought bubbles 59 
touchscreen computers 182 
trees 
fractal 162-71 
true/false statements 55, 66 
Tunnel of Doom 22, 122-33, 140 
turbo mode 151, 152, 221 
“turn” blocks 78, 89, 98, 112, 166, 
196 
“turn 180 degrees” block 46 
tweaks 
see hacks and tweaks 
two-player games, Animal Race 48 


UV 


undo 126 

unpredictability 60, 64 

upload 93 

variables 51, 221 
Animal Race 48, 50, 51 
Ask Gobo 60, 63, 64, 65, 66 
countdown 138 
difficulty 139, 140, 141 
Drumtastic 191, 193, 195 
experimenting with 168-69 
Fantastic Flowers 119 
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Fractal Trees 164-65 
global 220 
for individual clones 97-99, 159, 
195, 200, 203 
local 221 
The Magic Spot 207 
playing with 219 
position 59 
and random numbers 63, 64 
sliders to alter value of 94, 
97-99, 102 
Snowflake Simulator 174 
Spiral-o-tron 209, 212, 213, 214 
Window Cleaner 136 
vector graphics 158, 221 
vertical gradient 147, 157 
Virtual Snow 23, 144-53 
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“wait” blocks 38, 152, 179 

“wait until” blocks 55, 196 

web browsers 14, 18 

webcams 134, 139-40 

websites 15 
Scratch 18, 218 

“when green flag clicked” block 
29 

“when | receive” block 165, 166, 
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“when space key pressed” block 
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Windows operating system 14, 18 

word processors 14 
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x coordinates 74 
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